Preview
#545e4a
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 6.82:1 · vs black: 3.08:1
HEX
#545e4a
RGB
rgb(84, 94, 74)
RGBA
rgba(84, 94, 74, 1)
HSL
hsl(90, 12%, 33%)
HSV
hsv(90, 21%, 37%)
LAB
lab(38.52% -8.01 10.19)
LCH
lch(38.52% 12.96 128.17)
OKLAB
oklab(0.4672 -0.0214 0.0261)
OKLCH
oklch(0.4672 0.0338 129.35)
XYZ
xyz(8.89, 10.38, 8.01)
CMYK
cmyk(11%, 0%, 21%, 63%)
CSS
color: #545e4a;
CSS variable
--color-545e4a: #545e4a;
SCSS
$color-545e4a: #545e4a;
Tailwind
yellow-600
Export
:root {
--#545e4a-1: #545e4a;
}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.