Preview
#ecf6ee
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.11:1 · vs black: 18.98:1
HEX
#ecf6ee
RGB
rgb(236, 246, 238)
RGBA
rgba(236, 246, 238, 1)
HSL
hsl(132, 36%, 95%)
HSV
hsv(132, 4%, 96%)
LAB
lab(95.96% -4.73 2.7)
LCH
lch(95.96% 5.45 150.28)
OKLAB
oklab(0.9634 -0.0132 0.0071)
OKLCH
oklch(0.9634 0.015 151.73)
XYZ
xyz(82.98, 89.92, 93.86)
CMYK
cmyk(4%, 0%, 3%, 4%)
CSS
color: #ecf6ee;
CSS variable
--color-ecf6ee: #ecf6ee;
SCSS
$color-ecf6ee: #ecf6ee;
Tailwind
green-50
Export
:root {
--#ecf6ee-1: #ecf6ee;
}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.