Preview
#e1edce
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.21:1
HEX
#e1edce
RGB
rgb(225, 237, 206)
RGBA
rgba(225, 237, 206, 1)
HSL
hsl(83, 46%, 87%)
HSV
hsv(83, 13%, 93%)
LAB
lab(92.15% -9.35 13.68)
LCH
lch(92.15% 16.57 124.35)
OKLAB
oklab(0.9289 -0.0243 0.0354)
OKLCH
oklch(0.9289 0.0429 124.47)
XYZ
xyz(72.47, 81.03, 70.20)
CMYK
cmyk(5%, 0%, 13%, 7%)
CSS
color: #e1edce;
CSS variable
--color-e1edce: #e1edce;
SCSS
$color-e1edce: #e1edce;
Tailwind
yellow-100
Export
:root {
--#e1edce-1: #e1edce;
}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.