Preview
#96f8e7
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.24:1 · vs black: 16.88:1
HEX
#96f8e7
RGB
rgb(150, 248, 231)
RGBA
rgba(150, 248, 231, 1)
HSL
hsl(170, 88%, 78%)
HSV
hsv(170, 40%, 97%)
LAB
lab(91.41% -32.71 -0.91)
LCH
lch(91.41% 32.72 181.59)
OKLAB
oklab(0.9139 -0.0961 -0.003)
OKLCH
oklch(0.9139 0.0961 181.79)
XYZ
xyz(60.56, 79.38, 87.72)
CMYK
cmyk(40%, 0%, 7%, 3%)
CSS
color: #96f8e7;
CSS variable
--color-96f8e7: #96f8e7;
SCSS
$color-96f8e7: #96f8e7;
Tailwind
teal-200
Export
:root {
--#96f8e7-1: #96f8e7;
}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.