Preview
#546954
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 5.96:1 · vs black: 3.53:1
HEX
#546954
RGB
rgb(84, 105, 84)
RGBA
rgba(84, 105, 84, 1)
HSL
hsl(120, 11%, 37%)
HSV
hsv(120, 20%, 41%)
LAB
lab(42.2% -12.41 9.27)
LCH
lch(42.2% 15.49 143.24)
OKLAB
oklab(0.4972 -0.0339 0.0238)
OKLCH
oklch(0.4972 0.0414 144.93)
XYZ
xyz(10.31, 12.63, 10.28)
CMYK
cmyk(20%, 0%, 20%, 59%)
CSS
color: #546954;
CSS variable
--color-546954: #546954;
SCSS
$color-546954: #546954;
Tailwind
green-600
Export
:root {
--#546954-1: #546954;
}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.