Preview
#cad4d2
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.86:1
HEX
#cad4d2
RGB
rgb(202, 212, 210)
RGBA
rgba(202, 212, 210, 1)
HSL
hsl(168, 10%, 81%)
HSV
hsv(168, 5%, 83%)
LAB
lab(84.12% -3.75 -0.19)
LCH
lch(84.12% 3.75 182.9)
OKLAB
oklab(0.8617 -0.0112 -0.0006)
OKLCH
oklch(0.8617 0.0112 183.07)
XYZ
xyz(59.53, 64.30, 70.23)
CMYK
cmyk(5%, 0%, 1%, 17%)
CSS
color: #cad4d2;
CSS variable
--color-cad4d2: #cad4d2;
SCSS
$color-cad4d2: #cad4d2;
Tailwind
teal-100
Export
:root {
--#cad4d2-1: #cad4d2;
}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.