Preview
#c5d3ce
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.55:1 · vs black: 13.58:1
HEX
#c5d3ce
RGB
rgb(197, 211, 206)
RGBA
rgba(197, 211, 206, 1)
HSL
hsl(159, 14%, 80%)
HSV
hsv(159, 7%, 83%)
LAB
lab(83.4% -5.66 0.84)
LCH
lch(83.4% 5.72 171.56)
OKLAB
oklab(0.8548 -0.0165 0.0022)
OKLCH
oklch(0.8548 0.0166 172.41)
XYZ
xyz(57.46, 62.91, 67.50)
CMYK
cmyk(7%, 0%, 2%, 17%)
CSS
color: #c5d3ce;
CSS variable
--color-c5d3ce: #c5d3ce;
SCSS
$color-c5d3ce: #c5d3ce;
Tailwind
emerald-200
Export
:root {
--#c5d3ce-1: #c5d3ce;
}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.