Preview
#87d945
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.74:1 · vs black: 12.04:1
HEX
#87d945
RGB
rgb(135, 217, 69)
RGBA
rgba(135, 217, 69, 1)
HSL
hsl(93, 66%, 56%)
HSV
hsv(93, 68%, 85%)
LAB
lab(79.16% -48.81 62.18)
LCH
lch(79.16% 79.05 128.13)
OKLAB
oklab(0.8039 -0.1365 0.1413)
OKLCH
oklch(0.8039 0.1965 134.01)
XYZ
xyz(35.88, 55.20, 14.39)
CMYK
cmyk(38%, 0%, 68%, 15%)
CSS
color: #87d945;
CSS variable
--color-87d945: #87d945;
SCSS
$color-87d945: #87d945;
Tailwind
yellow-400
Export
:root {
--#87d945-1: #87d945;
}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.