Preview
#546456
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 6.3:1 · vs black: 3.33:1
HEX
#546456
RGB
rgb(84, 100, 86)
RGBA
rgba(84, 100, 86, 1)
HSL
hsl(128, 9%, 36%)
HSV
hsv(128, 16%, 39%)
LAB
lab(40.69% -9.15 5.93)
LCH
lch(40.69% 10.9 147.05)
OKLAB
oklab(0.4854 -0.0252 0.0154)
OKLCH
oklch(0.4854 0.0295 148.57)
XYZ
xyz(9.89, 11.67, 10.53)
CMYK
cmyk(16%, 0%, 14%, 61%)
CSS
color: #546456;
CSS variable
--color-546456: #546456;
SCSS
$color-546456: #546456;
Tailwind
green-600
Export
:root {
--#546456-1: #546456;
}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.