Preview
#5ca363
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.05:1 · vs black: 6.87:1
HEX
#5ca363
RGB
rgb(92, 163, 99)
RGBA
rgba(92, 163, 99, 1)
HSL
hsl(126, 28%, 50%)
HSV
hsv(126, 44%, 64%)
LAB
lab(61.11% -36.14 26.47)
LCH
lch(61.11% 44.8 143.78)
OKLAB
oklab(0.6522 -0.0983 0.0657)
OKLCH
oklch(0.6522 0.1182 146.24)
XYZ
xyz(19.76, 29.37, 16.43)
CMYK
cmyk(44%, 0%, 39%, 36%)
CSS
color: #5ca363;
CSS variable
--color-5ca363: #5ca363;
SCSS
$color-5ca363: #5ca363;
Tailwind
green-500
Export
:root {
--#5ca363-1: #5ca363;
}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.