Preview
#e4eec6
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.21:1 · vs black: 17.34:1
HEX
#e4eec6
RGB
rgb(228, 238, 198)
RGBA
rgba(228, 238, 198, 1)
HSL
hsl(75, 54%, 85%)
HSV
hsv(75, 17%, 93%)
LAB
lab(92.45% -10.07 18.28)
LCH
lch(92.45% 20.87 118.85)
OKLAB
oklab(0.9313 -0.0259 0.047)
OKLCH
oklch(0.9313 0.0537 118.86)
XYZ
xyz(72.76, 81.72, 65.36)
CMYK
cmyk(4%, 0%, 17%, 7%)
CSS
color: #e4eec6;
CSS variable
--color-e4eec6: #e4eec6;
SCSS
$color-e4eec6: #e4eec6;
Tailwind
amber-100
Export
:root {
--#e4eec6-1: #e4eec6;
}Energy, youth, and experimentation. High-visibility accents and playful UIs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Lime family.