Preview
#cae2d3
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.37:1 · vs black: 15.33:1
HEX
#cae2d3
RGB
rgb(202, 226, 211)
RGBA
rgba(202, 226, 211, 1)
HSL
hsl(143, 29%, 84%)
HSV
hsv(143, 11%, 89%)
LAB
lab(87.8% -10.75 4.64)
LCH
lch(87.8% 11.71 156.65)
OKLAB
oklab(0.8909 -0.0303 0.0121)
OKLCH
oklch(0.8909 0.0326 158.23)
XYZ
xyz(63.31, 71.65, 72.11)
CMYK
cmyk(11%, 0%, 7%, 11%)
CSS
color: #cae2d3;
CSS variable
--color-cae2d3: #cae2d3;
SCSS
$color-cae2d3: #cae2d3;
Tailwind
emerald-100
Export
:root {
--#cae2d3-1: #cae2d3;
}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.