Preview
#54923a
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.78:1 · vs black: 5.55:1
HEX
#54923a
RGB
rgb(84, 146, 58)
RGBA
rgba(84, 146, 58, 1)
HSL
hsl(102, 43%, 40%)
HSV
hsv(102, 60%, 57%)
LAB
lab(54.81% -36.84 39.67)
LCH
lch(54.81% 54.14 132.88)
OKLAB
oklab(0.598 -0.1016 0.093)
OKLCH
oklch(0.598 0.1377 137.53)
XYZ
xyz(14.70, 22.75, 7.62)
CMYK
cmyk(42%, 0%, 60%, 43%)
CSS
color: #54923a;
CSS variable
--color-54923a: #54923a;
SCSS
$color-54923a: #54923a;
Tailwind
lime-600
Export
:root {
--#54923a-1: #54923a;
}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.