Preview
#abca87
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.53:1
HEX
#abca87
RGB
rgb(171, 202, 135)
RGBA
rgba(171, 202, 135, 1)
HSL
hsl(88, 39%, 66%)
HSV
hsv(88, 33%, 79%)
LAB
lab(77.67% -22.03 30.13)
LCH
lch(77.67% 37.32 126.17)
OKLAB
oklab(0.7997 -0.0599 0.0751)
OKLCH
oklch(0.7997 0.0961 128.58)
XYZ
xyz(42.29, 52.65, 30.85)
CMYK
cmyk(15%, 0%, 33%, 21%)
CSS
color: #abca87;
CSS variable
--color-abca87: #abca87;
SCSS
$color-abca87: #abca87;
Tailwind
yellow-300
Export
:root {
--#abca87-1: #abca87;
}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.