Preview
#5b7956
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 4.87:1 · vs black: 4.31:1
HEX
#5b7956
RGB
rgb(91, 121, 86)
RGBA
rgba(91, 121, 86, 1)
HSL
hsl(111, 17%, 41%)
HSV
hsv(111, 29%, 47%)
LAB
lab(47.71% -18.14 15.8)
LCH
lch(47.71% 24.06 138.94)
OKLAB
oklab(0.5428 -0.0494 0.04)
OKLCH
oklch(0.5428 0.0636 141)
XYZ
xyz(12.83, 16.57, 11.32)
CMYK
cmyk(25%, 0%, 29%, 53%)
CSS
color: #5b7956;
CSS variable
--color-5b7956: #5b7956;
SCSS
$color-5b7956: #5b7956;
Tailwind
lime-500
Export
:root {
--#5b7956-1: #5b7956;
}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.