Preview
#ecefed
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.16:1 · vs black: 18.14:1
HEX
#ecefed
RGB
rgb(236, 239, 237)
RGBA
rgba(236, 239, 237, 1)
HSL
hsl(140, 9%, 93%)
HSV
hsv(140, 1%, 94%)
LAB
lab(94.18% -1.35 0.61)
LCH
lch(94.18% 1.48 155.68)
OKLAB
oklab(0.9493 -0.0038 0.0016)
OKLCH
oklch(0.9493 0.0041 157.17)
XYZ
xyz(80.74, 85.68, 92.39)
CMYK
cmyk(1%, 0%, 1%, 6%)
CSS
color: #ecefed;
CSS variable
--color-ecefed: #ecefed;
SCSS
$color-ecefed: #ecefed;
Tailwind
emerald-50
Export
:root {
--#ecefed-1: #ecefed;
}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.