Preview
#5a8560
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 4.24:1 · vs black: 4.96:1
HEX
#5a8560
RGB
rgb(90, 133, 96)
RGBA
rgba(90, 133, 96, 1)
HSL
hsl(128, 19%, 44%)
HSV
hsv(128, 32%, 52%)
LAB
lab(51.6% -22.91 15.35)
LCH
lch(51.6% 27.58 146.18)
OKLAB
oklab(0.5747 -0.0627 0.039)
OKLCH
oklch(0.5747 0.0738 148.12)
XYZ
xyz(14.71, 19.79, 14.11)
CMYK
cmyk(32%, 0%, 28%, 48%)
CSS
color: #5a8560;
CSS variable
--color-5a8560: #5a8560;
SCSS
$color-5a8560: #5a8560;
Tailwind
green-500
Export
:root {
--#5a8560-1: #5a8560;
}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.