Preview
#dcf4e3
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.16:1 · vs black: 18.09:1
HEX
#dcf4e3
RGB
rgb(220, 244, 227)
RGBA
rgba(220, 244, 227, 1)
HSL
hsl(137, 52%, 91%)
HSV
hsv(137, 10%, 96%)
LAB
lab(94.08% -10.96 5.52)
LCH
lch(94.08% 12.27 153.27)
OKLAB
oklab(0.9449 -0.0307 0.0144)
OKLCH
oklch(0.9449 0.0339 154.87)
XYZ
xyz(75.73, 85.46, 85.16)
CMYK
cmyk(10%, 0%, 7%, 4%)
CSS
color: #dcf4e3;
CSS variable
--color-dcf4e3: #dcf4e3;
SCSS
$color-dcf4e3: #dcf4e3;
Tailwind
green-50
Export
:root {
--#dcf4e3-1: #dcf4e3;
}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.