Preview
#cad9d2
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.37:1
HEX
#cad9d2
RGB
rgb(202, 217, 210)
RGBA
rgba(202, 217, 210, 1)
HSL
hsl(152, 16%, 82%)
HSV
hsv(152, 7%, 85%)
LAB
lab(85.42% -6.34 1.71)
LCH
lch(85.42% 6.57 164.91)
OKLAB
oklab(0.872 -0.0182 0.0044)
OKLCH
oklch(0.872 0.0187 166.41)
XYZ
xyz(60.80, 66.83, 70.66)
CMYK
cmyk(7%, 0%, 3%, 15%)
CSS
color: #cad9d2;
CSS variable
--color-cad9d2: #cad9d2;
SCSS
$color-cad9d2: #cad9d2;
Tailwind
emerald-100
Export
:root {
--#cad9d2-1: #cad9d2;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.