Preview
#55af50
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.75:1 · vs black: 7.63:1
HEX
#55af50
RGB
rgb(85, 175, 80)
RGBA
rgba(85, 175, 80, 1)
HSL
hsl(117, 37%, 50%)
HSV
hsv(117, 54%, 69%)
LAB
lab(64.3% -46.14 40.19)
LCH
lch(64.3% 61.19 138.94)
OKLAB
oklab(0.6766 -0.1257 0.096)
OKLCH
oklch(0.6766 0.1582 142.63)
XYZ
xyz(20.52, 33.17, 12.91)
CMYK
cmyk(51%, 0%, 54%, 31%)
CSS
color: #55af50;
CSS variable
--color-55af50: #55af50;
SCSS
$color-55af50: #55af50;
Tailwind
lime-500
Export
:root {
--#55af50-1: #55af50;
}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.