Preview
#c4dfdc
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.41:1 · vs black: 14.94:1
HEX
#c4dfdc
RGB
rgb(196, 223, 220)
RGBA
rgba(196, 223, 220, 1)
HSL
hsl(173, 30%, 82%)
HSV
hsv(173, 12%, 87%)
LAB
lab(86.84% -9.48 -1.55)
LCH
lch(86.84% 9.61 189.29)
OKLAB
oklab(0.883 -0.0286 -0.0043)
OKLCH
oklch(0.883 0.0289 188.55)
XYZ
xyz(62.07, 69.68, 77.88)
CMYK
cmyk(12%, 0%, 1%, 13%)
CSS
color: #c4dfdc;
CSS variable
--color-c4dfdc: #c4dfdc;
SCSS
$color-c4dfdc: #c4dfdc;
Tailwind
teal-100
Export
:root {
--#c4dfdc-1: #c4dfdc;
}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.