Preview
#5ed5a5
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.54:1
HEX
#5ed5a5
RGB
rgb(94, 213, 165)
RGBA
rgba(94, 213, 165, 1)
HSL
hsl(156, 59%, 60%)
HSV
hsv(156, 56%, 84%)
LAB
lab(77.69% -44.76 13.77)
LCH
lch(77.69% 46.83 162.9)
OKLAB
oklab(0.7918 -0.1239 0.0353)
OKLCH
oklch(0.7918 0.1288 164.1)
XYZ
xyz(35.20, 52.68, 43.90)
CMYK
cmyk(56%, 0%, 23%, 16%)
CSS
color: #5ed5a5;
CSS variable
--color-5ed5a5: #5ed5a5;
SCSS
$color-5ed5a5: #5ed5a5;
Tailwind
emerald-400
Export
:root {
--#5ed5a5-1: #5ed5a5;
}Balance, healing, and sophistication. Popular in wellness and modern dashboards.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.