Preview
#87af87
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.47:1 · vs black: 8.51:1
HEX
#87af87
RGB
rgb(135, 175, 135)
RGBA
rgba(135, 175, 135, 1)
HSL
hsl(120, 20%, 61%)
HSV
hsv(120, 23%, 69%)
LAB
lab(67.69% -21.48 16.21)
LCH
lch(67.69% 26.91 142.96)
OKLAB
oklab(0.7138 -0.0587 0.0414)
OKLCH
oklch(0.7138 0.0718 144.81)
XYZ
xyz(29.69, 37.56, 28.60)
CMYK
cmyk(23%, 0%, 23%, 31%)
CSS
color: #87af87;
CSS variable
--color-87af87: #87af87;
SCSS
$color-87af87: #87af87;
Tailwind
green-300
Export
:root {
--#87af87-1: #87af87;
}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.