Preview
#e3f0d2
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.19:1 · vs black: 17.66:1
HEX
#e3f0d2
RGB
rgb(227, 240, 210)
RGBA
rgba(227, 240, 210, 1)
HSL
hsl(86, 50%, 88%)
HSV
hsv(86, 13%, 94%)
LAB
lab(93.15% -9.52 13.05)
LCH
lch(93.15% 16.15 126.11)
OKLAB
oklab(0.9375 -0.0249 0.0338)
OKLCH
oklch(0.9375 0.042 126.38)
XYZ
xyz(74.47, 83.30, 73.12)
CMYK
cmyk(5%, 0%, 13%, 6%)
CSS
color: #e3f0d2;
CSS variable
--color-e3f0d2: #e3f0d2;
SCSS
$color-e3f0d2: #e3f0d2;
Tailwind
yellow-100
Export
:root {
--#e3f0d2-1: #e3f0d2;
}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.