Preview
#546f57
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 5.54:1 · vs black: 3.79:1
HEX
#546f57
RGB
rgb(84, 111, 87)
RGBA
rgba(84, 111, 87, 1)
HSL
hsl(127, 14%, 38%)
HSV
hsv(127, 24%, 44%)
LAB
lab(44.15% -15.15 10.21)
LCH
lch(44.15% 18.27 146.02)
OKLAB
oklab(0.5131 -0.0416 0.0262)
OKLCH
oklch(0.5131 0.0492 147.8)
XYZ
xyz(11.06, 13.94, 11.12)
CMYK
cmyk(24%, 0%, 22%, 56%)
CSS
color: #546f57;
CSS variable
--color-546f57: #546f57;
SCSS
$color-546f57: #546f57;
Tailwind
green-600
Export
:root {
--#546f57-1: #546f57;
}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.