Preview
#d5f1ae
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.23:1 · vs black: 17.02:1
HEX
#d5f1ae
RGB
rgb(213, 241, 174)
RGBA
rgba(213, 241, 174, 1)
HSL
hsl(85, 71%, 81%)
HSV
hsv(85, 28%, 95%)
LAB
lab(91.74% -20.42 29.43)
LCH
lch(91.74% 35.82 124.75)
OKLAB
oklab(0.9215 -0.055 0.0741)
OKLCH
oklch(0.9215 0.0923 126.58)
XYZ
xyz(66.53, 80.11, 51.99)
CMYK
cmyk(12%, 0%, 28%, 5%)
CSS
color: #d5f1ae;
CSS variable
--color-d5f1ae: #d5f1ae;
SCSS
$color-d5f1ae: #d5f1ae;
Tailwind
yellow-100
Export
:root {
--#d5f1ae-1: #d5f1ae;
}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.