Preview
#e5fac6
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.12:1 · vs black: 18.82:1
HEX
#e5fac6
RGB
rgb(229, 250, 198)
RGBA
rgba(229, 250, 198, 1)
HSL
hsl(84, 84%, 88%)
HSV
hsv(84, 21%, 98%)
LAB
lab(95.62% -15.66 22.71)
LCH
lch(95.62% 27.59 124.59)
OKLAB
oklab(0.9567 -0.0415 0.058)
OKLCH
oklch(0.9567 0.0713 125.58)
XYZ
xyz(76.69, 89.11, 66.57)
CMYK
cmyk(8%, 0%, 21%, 2%)
CSS
color: #e5fac6;
CSS variable
--color-e5fac6: #e5fac6;
SCSS
$color-e5fac6: #e5fac6;
Tailwind
yellow-100
Export
:root {
--#e5fac6-1: #e5fac6;
}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.