Preview
#c2d0ce
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.59:1 · vs black: 13.21:1
HEX
#c2d0ce
RGB
rgb(194, 208, 206)
RGBA
rgba(194, 208, 206, 1)
HSL
hsl(171, 13%, 79%)
HSV
hsv(171, 7%, 82%)
LAB
lab(82.4% -5.11 -0.64)
LCH
lch(82.4% 5.15 187.14)
OKLAB
oklab(0.8463 -0.0153 -0.0018)
OKLCH
oklch(0.8463 0.0154 186.71)
XYZ
xyz(55.94, 61.04, 67.21)
CMYK
cmyk(7%, 0%, 1%, 18%)
CSS
color: #c2d0ce;
CSS variable
--color-c2d0ce: #c2d0ce;
SCSS
$color-c2d0ce: #c2d0ce;
Tailwind
teal-200
Export
:root {
--#c2d0ce-1: #c2d0ce;
}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.