Preview
#abf231
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.48:1
HEX
#abf231
RGB
rgb(171, 242, 49)
RGBA
rgba(171, 242, 49, 1)
HSL
hsl(82, 88%, 57%)
HSV
hsv(82, 80%, 95%)
LAB
lab(88.15% -47.74 77.94)
LCH
lch(88.15% 91.4 121.49)
OKLAB
oklab(0.8818 -0.1371 0.1708)
OKLCH
oklch(0.8818 0.219 128.75)
XYZ
xyz(49.10, 72.38, 14.29)
CMYK
cmyk(29%, 0%, 80%, 5%)
CSS
color: #abf231;
CSS variable
--color-abf231: #abf231;
SCSS
$color-abf231: #abf231;
Tailwind
yellow-400
Export
:root {
--spectrum-#abf231-1: #abf231;
}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.