Preview
#c9d4d1
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.82:1
HEX
#c9d4d1
RGB
rgb(201, 212, 209)
RGBA
rgba(201, 212, 209, 1)
HSL
hsl(164, 11%, 81%)
HSV
hsv(164, 5%, 83%)
LAB
lab(84.02% -4.28 0.19)
LCH
lch(84.02% 4.28 177.46)
OKLAB
oklab(0.8607 -0.0126 0.0004)
OKLCH
oklch(0.8607 0.0126 178.18)
XYZ
xyz(59.14, 64.11, 69.57)
CMYK
cmyk(5%, 0%, 1%, 17%)
CSS
color: #c9d4d1;
CSS variable
--color-c9d4d1: #c9d4d1;
SCSS
$color-c9d4d1: #c9d4d1;
Tailwind
teal-100
Export
:root {
--#c9d4d1-1: #c9d4d1;
}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.