Preview
#52aa55
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.9:1 · vs black: 7.24:1
HEX
#52aa55
RGB
rgb(82, 170, 85)
RGBA
rgba(82, 170, 85, 1)
HSL
hsl(122, 35%, 49%)
HSV
hsv(122, 52%, 67%)
LAB
lab(62.67% -44.25 35.7)
LCH
lch(62.67% 56.86 141.1)
OKLAB
oklab(0.6632 -0.1202 0.0863)
OKLCH
oklch(0.6632 0.148 144.32)
XYZ
xyz(19.49, 31.20, 13.59)
CMYK
cmyk(52%, 0%, 50%, 33%)
CSS
color: #52aa55;
CSS variable
--color-52aa55: #52aa55;
SCSS
$color-52aa55: #52aa55;
Tailwind
green-500
Export
:root {
--#52aa55-1: #52aa55;
}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.