Preview
#52cb68
Family: Green
Accessibility on this swatch:
Contrast vs white: 2.08:1 · vs black: 10.1:1
HEX
#52cb68
RGB
rgb(82, 203, 104)
RGBA
rgba(82, 203, 104, 1)
HSL
hsl(131, 54%, 56%)
HSV
hsv(131, 60%, 80%)
LAB
lab(73.22% -54.55 39.32)
LCH
lch(73.22% 67.24 144.22)
OKLAB
oklab(0.7507 -0.1475 0.0954)
OKLCH
oklch(0.7507 0.1757 147.11)
XYZ
xyz(27.33, 45.50, 20.44)
CMYK
cmyk(60%, 0%, 49%, 20%)
CSS
color: #52cb68;
CSS variable
--color-52cb68: #52cb68;
SCSS
$color-52cb68: #52cb68;
Tailwind
green-400
Export
:root {
--spectrum-#52cb68-1: #52cb68;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.