Preview
#e2ebd6
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.23:1 · vs black: 17.09:1
HEX
#e2ebd6
RGB
rgb(226, 235, 214)
RGBA
rgba(226, 235, 214, 1)
HSL
hsl(86, 34%, 88%)
HSV
hsv(86, 9%, 92%)
LAB
lab(91.88% -6.68 9.16)
LCH
lch(91.88% 11.34 126.1)
OKLAB
oklab(0.9276 -0.0173 0.0239)
OKLCH
oklch(0.9276 0.0295 125.9)
XYZ
xyz(73.21, 80.44, 75.28)
CMYK
cmyk(4%, 0%, 9%, 8%)
CSS
color: #e2ebd6;
CSS variable
--color-e2ebd6: #e2ebd6;
SCSS
$color-e2ebd6: #e2ebd6;
Tailwind
yellow-100
Export
:root {
--#e2ebd6-1: #e2ebd6;
}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.