Preview
#5a6352
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 6.28:1 · vs black: 3.34:1
HEX
#5a6352
RGB
rgb(90, 99, 82)
RGBA
rgba(90, 99, 82, 1)
HSL
hsl(92, 9%, 35%)
HSV
hsv(92, 17%, 39%)
LAB
lab(40.75% -6.98 8.5)
LCH
lch(40.75% 11 129.39)
OKLAB
oklab(0.4867 -0.0186 0.0219)
OKLCH
oklch(0.4867 0.0287 130.34)
XYZ
xyz(10.20, 11.71, 9.70)
CMYK
cmyk(9%, 0%, 17%, 61%)
CSS
color: #5a6352;
CSS variable
--color-5a6352: #5a6352;
SCSS
$color-5a6352: #5a6352;
Tailwind
yellow-600
Export
:root {
--#5a6352-1: #5a6352;
}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.