Preview
#e5ffca
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.08:1 · vs black: 19.49:1
HEX
#e5ffca
RGB
rgb(229, 255, 202)
RGBA
rgba(229, 255, 202, 1)
HSL
hsl(89, 100%, 90%)
HSV
hsv(89, 21%, 100%)
LAB
lab(97% -17.49 22.58)
LCH
lch(97% 28.56 127.76)
OKLAB
oklab(0.9679 -0.0467 0.0577)
OKLCH
oklch(0.9679 0.0742 128.99)
XYZ
xyz(78.73, 92.44, 69.56)
CMYK
cmyk(10%, 0%, 21%, 0%)
CSS
color: #e5ffca;
CSS variable
--color-e5ffca: #e5ffca;
SCSS
$color-e5ffca: #e5ffca;
Tailwind
yellow-100
Export
:root {
--#e5ffca-1: #e5ffca;
}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.