Preview
#a9bb8e
Family: Lime
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.19:1
HEX
#a9bb8e
RGB
rgb(169, 187, 142)
RGBA
rgba(169, 187, 142, 1)
HSL
hsl(84, 25%, 65%)
HSV
hsv(84, 24%, 73%)
LAB
lab(73.5% -14.18 20.79)
LCH
lch(73.5% 25.17 124.3)
OKLAB
oklab(0.7665 -0.0378 0.0528)
OKLCH
oklch(0.7665 0.0649 125.6)
XYZ
xyz(39.01, 45.93, 32.40)
CMYK
cmyk(10%, 0%, 24%, 27%)
CSS
color: #a9bb8e;
CSS variable
--color-a9bb8e: #a9bb8e;
SCSS
$color-a9bb8e: #a9bb8e;
Tailwind
yellow-300
Export
:root {
--#a9bb8e-1: #a9bb8e;
}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.