Preview
#dfe9e2
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.24:1 · vs black: 16.89:1
HEX
#dfe9e2
RGB
rgb(223, 233, 226)
RGBA
rgba(223, 233, 226, 1)
HSL
hsl(138, 19%, 89%)
HSV
hsv(138, 4%, 91%)
LAB
lab(91.44% -4.59 2.24)
LCH
lch(91.44% 5.11 153.99)
OKLAB
oklab(0.9245 -0.0129 0.0059)
OKLCH
oklch(0.9245 0.0142 155.42)
XYZ
xyz(73.30, 79.46, 83.41)
CMYK
cmyk(4%, 0%, 3%, 9%)
CSS
color: #dfe9e2;
CSS variable
--color-dfe9e2: #dfe9e2;
SCSS
$color-dfe9e2: #dfe9e2;
Tailwind
green-100
Export
:root {
--#dfe9e2-1: #dfe9e2;
}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.