Preview
#86b84c
Family: Lime
Accessibility on this swatch:
Contrast vs white: 2.34:1 · vs black: 8.97:1
HEX
#86b84c
RGB
rgb(134, 184, 76)
RGBA
rgba(134, 184, 76, 1)
HSL
hsl(88, 43%, 51%)
HSV
hsv(88, 59%, 72%)
LAB
lab(69.38% -34.22 48.61)
LCH
lch(69.38% 59.45 125.14)
OKLAB
oklab(0.7243 -0.096 0.1135)
OKLCH
oklch(0.7243 0.1487 130.23)
XYZ
xyz(28.28, 39.87, 13.04)
CMYK
cmyk(27%, 0%, 59%, 28%)
CSS
color: #86b84c;
CSS variable
--color-86b84c: #86b84c;
SCSS
$color-86b84c: #86b84c;
Tailwind
yellow-400
Export
:root {
--spectrum-#86b84c-1: #86b84c;
}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.