Preview
#50a555
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.06:1 · vs black: 6.85:1
HEX
#50a555
RGB
rgb(80, 165, 85)
RGBA
rgba(80, 165, 85, 1)
HSL
hsl(124, 35%, 48%)
HSV
hsv(124, 52%, 65%)
LAB
lab(61.02% -42.73 33.63)
LCH
lch(61.02% 54.38 141.8)
OKLAB
oklab(0.6494 -0.116 0.0817)
OKLCH
oklch(0.6494 0.1419 144.84)
XYZ
xyz(18.40, 29.27, 13.27)
CMYK
cmyk(52%, 0%, 48%, 35%)
CSS
color: #50a555;
CSS variable
--color-50a555: #50a555;
SCSS
$color-50a555: #50a555;
Tailwind
green-500
Export
:root {
--#50a555-1: #50a555;
}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.