Preview
#86a982
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.62:1 · vs black: 8.01:1
HEX
#86a982
RGB
rgb(134, 169, 130)
RGBA
rgba(134, 169, 130, 1)
HSL
hsl(114, 18%, 59%)
HSV
hsv(114, 23%, 66%)
LAB
lab(65.79% -19.67 16.3)
LCH
lch(65.79% 25.55 140.35)
OKLAB
oklab(0.6981 -0.0536 0.0416)
OKLCH
oklch(0.6981 0.0678 142.18)
XYZ
xyz(28.05, 35.06, 26.40)
CMYK
cmyk(21%, 0%, 23%, 34%)
CSS
color: #86a982;
CSS variable
--color-86a982: #86a982;
SCSS
$color-86a982: #86a982;
Tailwind
lime-400
Export
:root {
--#86a982-1: #86a982;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.