Preview
#869c77
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.98:1 · vs black: 7.04:1
HEX
#869c77
RGB
rgb(134, 156, 119)
RGBA
rgba(134, 156, 119, 1)
HSL
hsl(96, 16%, 54%)
HSV
hsv(96, 24%, 61%)
LAB
lab(61.81% -14.8 16.87)
LCH
lch(61.81% 22.44 131.26)
OKLAB
oklab(0.6654 -0.0399 0.043)
OKLCH
oklch(0.6654 0.0587 132.86)
XYZ
xyz(25.05, 30.18, 21.95)
CMYK
cmyk(14%, 0%, 24%, 39%)
CSS
color: #869c77;
CSS variable
--color-869c77: #869c77;
SCSS
$color-869c77: #869c77;
Tailwind
yellow-400
Export
:root {
--#869c77-1: #869c77;
}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.