Preview
#54a250
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.15:1 · vs black: 6.66:1
HEX
#54a250
RGB
rgb(84, 162, 80)
RGBA
rgba(84, 162, 80, 1)
HSL
hsl(117, 34%, 47%)
HSV
hsv(117, 51%, 64%)
LAB
lab(60.16% -41.03 35.16)
LCH
lch(60.16% 54.03 139.41)
OKLAB
oklab(0.6426 -0.1118 0.0848)
OKLCH
oklch(0.6426 0.1403 142.82)
XYZ
xyz(18.02, 28.30, 12.10)
CMYK
cmyk(48%, 0%, 51%, 36%)
CSS
color: #54a250;
CSS variable
--color-54a250: #54a250;
SCSS
$color-54a250: #54a250;
Tailwind
lime-500
Export
:root {
--#54a250-1: #54a250;
}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.