Preview
#ecf6f0
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.1:1 · vs black: 19.01:1
HEX
#ecf6f0
RGB
rgb(236, 246, 240)
RGBA
rgba(236, 246, 240, 1)
HSL
hsl(144, 36%, 95%)
HSV
hsv(144, 4%, 96%)
LAB
lab(96.01% -4.37 1.74)
LCH
lch(96.01% 4.7 158.29)
OKLAB
oklab(0.964 -0.0124 0.0045)
OKLCH
oklch(0.964 0.0132 160.05)
XYZ
xyz(83.27, 90.04, 95.41)
CMYK
cmyk(4%, 0%, 2%, 4%)
CSS
color: #ecf6f0;
CSS variable
--color-ecf6f0: #ecf6f0;
SCSS
$color-ecf6f0: #ecf6f0;
Tailwind
emerald-50
Export
:root {
--#ecf6f0-1: #ecf6f0;
}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.