Preview
#cad6cf
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.5:1 · vs black: 14.03:1
HEX
#cad6cf
RGB
rgb(202, 214, 207)
RGBA
rgba(202, 214, 207, 1)
HSL
hsl(145, 13%, 82%)
HSV
hsv(145, 6%, 84%)
LAB
lab(84.56% -5.35 2.05)
LCH
lch(84.56% 5.73 159.03)
OKLAB
oklab(0.8649 -0.0152 0.0054)
OKLCH
oklch(0.8649 0.0161 160.44)
XYZ
xyz(59.66, 65.15, 68.45)
CMYK
cmyk(6%, 0%, 3%, 16%)
CSS
color: #cad6cf;
CSS variable
--color-cad6cf: #cad6cf;
SCSS
$color-cad6cf: #cad6cf;
Tailwind
emerald-100
Export
:root {
--#cad6cf-1: #cad6cf;
}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.