Preview
#d1e576
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.38:1 · vs black: 15.18:1
HEX
#d1e576
RGB
rgb(209, 229, 118)
RGBA
rgba(209, 229, 118, 1)
HSL
hsl(71, 68%, 68%)
HSV
hsv(71, 48%, 90%)
LAB
lab(87.44% -22.77 51.48)
LCH
lch(87.44% 56.29 113.86)
OKLAB
oklab(0.8838 -0.0645 0.1225)
OKLCH
oklch(0.8838 0.1384 117.77)
XYZ
xyz(57.58, 70.90, 27.79)
CMYK
cmyk(9%, 0%, 48%, 10%)
CSS
color: #d1e576;
CSS variable
--color-d1e576: #d1e576;
SCSS
$color-d1e576: #d1e576;
Tailwind
amber-300
Export
:root {
--spectrum-#d1e576-1: #d1e576;
}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.