Preview
#9ef0e6
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.31:1 · vs black: 16.06:1
HEX
#9ef0e6
RGB
rgb(158, 240, 230)
RGBA
rgba(158, 240, 230, 1)
HSL
hsl(173, 73%, 78%)
HSV
hsv(173, 34%, 94%)
LAB
lab(89.53% -27.07 -3.1)
LCH
lch(89.53% 27.25 186.53)
OKLAB
oklab(0.8997 -0.0808 -0.0087)
OKLCH
oklch(0.8997 0.0813 186.15)
XYZ
xyz(59.54, 75.30, 86.24)
CMYK
cmyk(34%, 0%, 4%, 6%)
CSS
color: #9ef0e6;
CSS variable
--color-9ef0e6: #9ef0e6;
SCSS
$color-9ef0e6: #9ef0e6;
Tailwind
teal-200
Export
:root {
--#9ef0e6-1: #9ef0e6;
}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.