Preview
#def2e5
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.94:1
HEX
#def2e5
RGB
rgb(222, 242, 229)
RGBA
rgba(222, 242, 229, 1)
HSL
hsl(141, 43%, 91%)
HSV
hsv(141, 8%, 95%)
LAB
lab(93.75% -8.94 4.02)
LCH
lch(93.75% 9.8 155.79)
OKLAB
oklab(0.9428 -0.0252 0.0105)
OKLCH
oklch(0.9428 0.0273 157.38)
XYZ
xyz(76.02, 84.69, 86.46)
CMYK
cmyk(8%, 0%, 5%, 5%)
CSS
color: #def2e5;
CSS variable
--color-def2e5: #def2e5;
SCSS
$color-def2e5: #def2e5;
Tailwind
emerald-50
Export
:root {
--#def2e5-1: #def2e5;
}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.