Preview
#abff2e
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.23:1 · vs black: 17.08:1
HEX
#abff2e
RGB
rgb(171, 255, 46)
RGBA
rgba(171, 255, 46, 1)
HSL
hsl(84, 100%, 59%)
HSV
hsv(84, 82%, 100%)
LAB
lab(91.85% -53.21 81.97)
LCH
lch(91.85% 97.73 122.99)
OKLAB
oklab(0.9119 -0.152 0.1789)
OKLCH
oklch(0.9119 0.2348 130.35)
XYZ
xyz(53.05, 80.37, 15.30)
CMYK
cmyk(33%, 0%, 82%, 0%)
CSS
color: #abff2e;
CSS variable
--color-abff2e: #abff2e;
SCSS
$color-abff2e: #abff2e;
Tailwind
yellow-400
Export
:root {
--#abff2e-1: #abff2e;
}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.