Preview
#abc08c
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.65:1
HEX
#abc08c
RGB
rgb(171, 192, 140)
RGBA
rgba(171, 192, 140, 1)
HSL
hsl(84, 29%, 65%)
HSV
hsv(84, 27%, 75%)
LAB
lab(74.98% -16.3 23.91)
LCH
lch(74.98% 28.94 124.28)
OKLAB
oklab(0.7785 -0.0437 0.0603)
OKLCH
oklch(0.7785 0.0745 125.93)
XYZ
xyz(40.38, 48.25, 31.99)
CMYK
cmyk(11%, 0%, 27%, 25%)
CSS
color: #abc08c;
CSS variable
--color-abc08c: #abc08c;
SCSS
$color-abc08c: #abc08c;
Tailwind
yellow-300
Export
:root {
--#abc08c-1: #abc08c;
}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.