Preview
#c9e1de
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.37:1 · vs black: 15.31:1
HEX
#c9e1de
RGB
rgb(201, 225, 222)
RGBA
rgba(201, 225, 222, 1)
HSL
hsl(173, 29%, 84%)
HSV
hsv(173, 11%, 88%)
LAB
lab(87.75% -8.5 -1.23)
LCH
lch(87.75% 8.59 188.23)
OKLAB
oklab(0.8912 -0.0256 -0.0034)
OKLCH
oklch(0.8912 0.0258 187.57)
XYZ
xyz(64.19, 71.54, 79.52)
CMYK
cmyk(11%, 0%, 1%, 12%)
CSS
color: #c9e1de;
CSS variable
--color-c9e1de: #c9e1de;
SCSS
$color-c9e1de: #c9e1de;
Tailwind
teal-100
Export
:root {
--#c9e1de-1: #c9e1de;
}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.