Preview
#c3d1cf
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.34:1
HEX
#c3d1cf
RGB
rgb(195, 209, 207)
RGBA
rgba(195, 209, 207, 1)
HSL
hsl(171, 13%, 79%)
HSV
hsv(171, 7%, 82%)
LAB
lab(82.76% -5.1 -0.64)
LCH
lch(82.76% 5.14 187.15)
OKLAB
oklab(0.8494 -0.0153 -0.0018)
OKLCH
oklch(0.8494 0.0154 186.71)
XYZ
xyz(56.57, 61.71, 67.95)
CMYK
cmyk(7%, 0%, 1%, 18%)
CSS
color: #c3d1cf;
CSS variable
--color-c3d1cf: #c3d1cf;
SCSS
$color-c3d1cf: #c3d1cf;
Tailwind
teal-200
Export
:root {
--#c3d1cf-1: #c3d1cf;
}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.