Preview
#5a8153
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 4.47:1 · vs black: 4.7:1
HEX
#5a8153
RGB
rgb(90, 129, 83)
RGBA
rgba(90, 129, 83, 1)
HSL
hsl(111, 22%, 42%)
HSV
hsv(111, 36%, 51%)
LAB
lab(50.09% -23.2 20.71)
LCH
lch(50.09% 31.1 138.25)
OKLAB
oklab(0.5617 -0.0633 0.0517)
OKLCH
oklch(0.5617 0.0817 140.76)
XYZ
xyz(13.63, 18.50, 11.03)
CMYK
cmyk(30%, 0%, 36%, 49%)
CSS
color: #5a8153;
CSS variable
--color-5a8153: #5a8153;
SCSS
$color-5a8153: #5a8153;
Tailwind
lime-500
Export
:root {
--#5a8153-1: #5a8153;
}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.