Preview
#54b05f
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.71:1 · vs black: 7.75:1
HEX
#54b05f
RGB
rgb(84, 176, 95)
RGBA
rgba(84, 176, 95, 1)
HSL
hsl(127, 37%, 51%)
HSV
hsv(127, 52%, 69%)
LAB
lab(64.77% -44.71 33.24)
LCH
lch(64.77% 55.71 143.37)
OKLAB
oklab(0.6811 -0.1213 0.0813)
OKLCH
oklch(0.6811 0.146 146.17)
XYZ
xyz(21.25, 33.76, 16.22)
CMYK
cmyk(52%, 0%, 46%, 31%)
CSS
color: #54b05f;
CSS variable
--color-54b05f: #54b05f;
SCSS
$color-54b05f: #54b05f;
Tailwind
green-400
Export
:root {
--#54b05f-1: #54b05f;
}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.