Preview
#86be89
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.16:1 · vs black: 9.74:1
HEX
#86be89
RGB
rgb(134, 190, 137)
RGBA
rgba(134, 190, 137, 1)
HSL
hsl(123, 30%, 64%)
HSV
hsv(123, 29%, 75%)
LAB
lab(72.03% -28.87 21.1)
LCH
lch(72.03% 35.76 143.84)
OKLAB
oklab(0.7486 -0.0788 0.0535)
OKLCH
oklch(0.7486 0.0952 145.83)
XYZ
xyz(32.76, 43.70, 30.37)
CMYK
cmyk(29%, 0%, 28%, 25%)
CSS
color: #86be89;
CSS variable
--color-86be89: #86be89;
SCSS
$color-86be89: #86be89;
Tailwind
green-300
Export
:root {
--#86be89-1: #86be89;
}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.