Preview
#e3f7e7
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.12:1 · vs black: 18.72:1
HEX
#e3f7e7
RGB
rgb(227, 247, 231)
RGBA
rgba(227, 247, 231, 1)
HSL
hsl(132, 56%, 93%)
HSV
hsv(132, 8%, 97%)
LAB
lab(95.42% -9.44 5.45)
LCH
lch(95.42% 10.9 150)
OKLAB
oklab(0.957 -0.0262 0.0142)
OKLCH
oklch(0.957 0.0298 151.54)
XYZ
xyz(79.36, 88.62, 88.51)
CMYK
cmyk(8%, 0%, 6%, 3%)
CSS
color: #e3f7e7;
CSS variable
--color-e3f7e7: #e3f7e7;
SCSS
$color-e3f7e7: #e3f7e7;
Tailwind
green-50
Export
:root {
--#e3f7e7-1: #e3f7e7;
}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.