Preview
#9ee8e1
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.39:1 · vs black: 15.08:1
HEX
#9ee8e1
RGB
rgb(158, 232, 225)
RGBA
rgba(158, 232, 225, 1)
HSL
hsl(174, 62%, 76%)
HSV
hsv(174, 32%, 91%)
LAB
lab(87.2% -24.31 -3.91)
LCH
lch(87.2% 24.62 189.14)
OKLAB
oklab(0.8806 -0.0732 -0.0109)
OKLCH
oklch(0.8806 0.074 188.47)
XYZ
xyz(56.54, 70.42, 81.83)
CMYK
cmyk(32%, 0%, 3%, 9%)
CSS
color: #9ee8e1;
CSS variable
--color-9ee8e1: #9ee8e1;
SCSS
$color-9ee8e1: #9ee8e1;
Tailwind
teal-200
Export
:root {
--#9ee8e1-1: #9ee8e1;
}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.