Preview
#5aba60
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.43:1 · vs black: 8.63:1
HEX
#5aba60
RGB
rgb(90, 186, 96)
RGBA
rgba(90, 186, 96, 1)
HSL
hsl(124, 41%, 54%)
HSV
hsv(124, 52%, 73%)
LAB
lab(68.12% -47.06 36.99)
LCH
lch(68.12% 59.86 141.83)
OKLAB
oklab(0.7092 -0.1278 0.0898)
OKLCH
oklch(0.7092 0.1562 144.91)
XYZ
xyz(23.89, 38.13, 17.17)
CMYK
cmyk(52%, 0%, 48%, 27%)
CSS
color: #5aba60;
CSS variable
--color-5aba60: #5aba60;
SCSS
$color-5aba60: #5aba60;
Tailwind
green-400
Export
:root {
--spectrum-#5aba60-1: #5aba60;
}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.