Preview
#e4ffbb
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.32:1
HEX
#e4ffbb
RGB
rgb(228, 255, 187)
RGBA
rgba(228, 255, 187, 1)
HSL
hsl(84, 100%, 87%)
HSV
hsv(84, 27%, 100%)
LAB
lab(96.66% -20.04 29.68)
LCH
lch(96.66% 35.81 124.03)
OKLAB
oklab(0.964 -0.0538 0.0749)
OKLCH
oklch(0.964 0.0922 125.69)
XYZ
xyz(76.72, 91.60, 60.64)
CMYK
cmyk(11%, 0%, 27%, 0%)
CSS
color: #e4ffbb;
CSS variable
--color-e4ffbb: #e4ffbb;
SCSS
$color-e4ffbb: #e4ffbb;
Tailwind
yellow-100
Export
:root {
--#e4ffbb-1: #e4ffbb;
}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.