Preview
#d2f8a0
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.19:1 · vs black: 17.67:1
HEX
#d2f8a0
RGB
rgb(210, 248, 160)
RGBA
rgba(210, 248, 160, 1)
HSL
hsl(86, 86%, 80%)
HSV
hsv(86, 35%, 97%)
LAB
lab(93.18% -26.74 38.34)
LCH
lch(93.18% 46.74 124.89)
OKLAB
oklab(0.9318 -0.073 0.0949)
OKLCH
oklch(0.9318 0.1197 127.57)
XYZ
xyz(66.49, 83.37, 45.84)
CMYK
cmyk(15%, 0%, 35%, 3%)
CSS
color: #d2f8a0;
CSS variable
--color-d2f8a0: #d2f8a0;
SCSS
$color-d2f8a0: #d2f8a0;
Tailwind
yellow-200
Export
:root {
--#d2f8a0-1: #d2f8a0;
}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.