Preview
#86b88b
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.27:1 · vs black: 9.24:1
HEX
#86b88b
RGB
rgb(134, 184, 139)
RGBA
rgba(134, 184, 139, 1)
HSL
hsl(126, 26%, 62%)
HSV
hsv(126, 27%, 72%)
LAB
lab(70.32% -25.6 17.68)
LCH
lch(70.32% 31.11 145.37)
OKLAB
oklab(0.7351 -0.0701 0.0451)
OKLCH
oklch(0.7351 0.0834 147.24)
XYZ
xyz(31.63, 41.21, 30.71)
CMYK
cmyk(27%, 0%, 24%, 28%)
CSS
color: #86b88b;
CSS variable
--color-86b88b: #86b88b;
SCSS
$color-86b88b: #86b88b;
Tailwind
green-300
Export
:root {
--#86b88b-1: #86b88b;
}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.