Preview
#54ac5d
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.82:1 · vs black: 7.44:1
HEX
#54ac5d
RGB
rgb(84, 172, 93)
RGBA
rgba(84, 172, 93, 1)
HSL
hsl(126, 35%, 50%)
HSV
hsv(126, 51%, 67%)
LAB
lab(63.49% -43.35 32.64)
LCH
lch(63.49% 54.26 143.02)
OKLAB
oklab(0.6705 -0.1176 0.0798)
OKLCH
oklch(0.6705 0.1421 145.84)
XYZ
xyz(20.38, 32.18, 15.49)
CMYK
cmyk(51%, 0%, 46%, 33%)
CSS
color: #54ac5d;
CSS variable
--color-54ac5d: #54ac5d;
SCSS
$color-54ac5d: #54ac5d;
Tailwind
green-500
Export
:root {
--#54ac5d-1: #54ac5d;
}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.