Preview
#e1e3de
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.29:1 · vs black: 16.24:1
HEX
#e1e3de
RGB
rgb(225, 227, 222)
RGBA
rgba(225, 227, 222, 1)
HSL
hsl(84, 8%, 88%)
HSV
hsv(84, 2%, 89%)
LAB
lab(89.96% -1.56 2.2)
LCH
lch(89.96% 2.7 125.34)
OKLAB
oklab(0.9129 -0.004 0.0058)
OKLCH
oklch(0.9129 0.007 124.59)
XYZ
xyz(71.70, 76.22, 80.03)
CMYK
cmyk(1%, 0%, 2%, 11%)
CSS
color: #e1e3de;
CSS variable
--color-e1e3de: #e1e3de;
SCSS
$color-e1e3de: #e1e3de;
Tailwind
yellow-100
Export
:root {
--#e1e3de-1: #e1e3de;
}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.