Preview
#a7bf8a
Family: Lime
Accessibility on this swatch:
Contrast vs white: 2.01:1 · vs black: 10.46:1
HEX
#a7bf8a
RGB
rgb(167, 191, 138)
RGBA
rgba(167, 191, 138, 1)
HSL
hsl(87, 29%, 65%)
HSV
hsv(87, 28%, 75%)
LAB
lab(74.39% -17.57 24.12)
LCH
lch(74.39% 29.84 126.07)
OKLAB
oklab(0.773 -0.0473 0.0608)
OKLCH
oklch(0.773 0.077 127.88)
XYZ
xyz(39.15, 47.31, 31.11)
CMYK
cmyk(13%, 0%, 28%, 25%)
CSS
color: #a7bf8a;
CSS variable
--color-a7bf8a: #a7bf8a;
SCSS
$color-a7bf8a: #a7bf8a;
Tailwind
yellow-300
Export
:root {
--#a7bf8a-1: #a7bf8a;
}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.