Preview
#e3f1cc
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.19:1 · vs black: 17.72:1
HEX
#e3f1cc
RGB
rgb(227, 241, 204)
RGBA
rgba(227, 241, 204, 1)
HSL
hsl(83, 57%, 87%)
HSV
hsv(83, 15%, 95%)
LAB
lab(93.28% -10.98 16.33)
LCH
lch(93.28% 19.68 123.92)
OKLAB
oklab(0.9381 -0.0287 0.0421)
OKLCH
oklch(0.9381 0.051 124.28)
XYZ
xyz(74.03, 83.60, 69.35)
CMYK
cmyk(6%, 0%, 15%, 5%)
CSS
color: #e3f1cc;
CSS variable
--color-e3f1cc: #e3f1cc;
SCSS
$color-e3f1cc: #e3f1cc;
Tailwind
yellow-100
Export
:root {
--#e3f1cc-1: #e3f1cc;
}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.