Preview
#5f8e39
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.88:1 · vs black: 5.41:1
HEX
#5f8e39
RGB
rgb(95, 142, 57)
RGBA
rgba(95, 142, 57, 1)
HSL
hsl(93, 43%, 39%)
HSV
hsv(93, 60%, 56%)
LAB
lab(54.11% -31.19 39.5)
LCH
lch(54.11% 50.33 128.3)
OKLAB
oklab(0.5937 -0.0869 0.0924)
OKLCH
oklch(0.5937 0.1268 133.24)
XYZ
xyz(15.13, 22.07, 7.33)
CMYK
cmyk(33%, 0%, 60%, 44%)
CSS
color: #5f8e39;
CSS variable
--color-5f8e39: #5f8e39;
SCSS
$color-5f8e39: #5f8e39;
Tailwind
yellow-600
Export
:root {
--#5f8e39-1: #5f8e39;
}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.