Preview
#e5ebda
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.23:1
HEX
#e5ebda
RGB
rgb(229, 235, 218)
RGBA
rgba(229, 235, 218, 1)
HSL
hsl(81, 30%, 89%)
HSV
hsv(81, 7%, 92%)
LAB
lab(92.19% -4.98 7.55)
LCH
lch(92.19% 9.04 123.41)
OKLAB
oklab(0.9309 -0.0127 0.0198)
OKLCH
oklch(0.9309 0.0235 122.68)
XYZ
xyz(74.67, 81.14, 78.04)
CMYK
cmyk(3%, 0%, 7%, 8%)
CSS
color: #e5ebda;
CSS variable
--color-e5ebda: #e5ebda;
SCSS
$color-e5ebda: #e5ebda;
Tailwind
yellow-100
Export
:root {
--#e5ebda-1: #e5ebda;
}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.