Preview
#4a5345
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 8.03:1 · vs black: 2.61:1
HEX
#4a5345
RGB
rgb(74, 83, 69)
RGBA
rgba(74, 83, 69, 1)
HSL
hsl(99, 9%, 30%)
HSV
hsv(99, 17%, 33%)
LAB
lab(34.13% -6.59 7.01)
LCH
lch(34.13% 9.62 133.23)
OKLAB
oklab(0.4298 -0.0177 0.0181)
OKLCH
oklch(0.4298 0.0253 134.36)
XYZ
xyz(6.99, 8.07, 6.82)
CMYK
cmyk(11%, 0%, 17%, 67%)
CSS
color: #4a5345;
CSS variable
--color-4a5345: #4a5345;
SCSS
$color-4a5345: #4a5345;
Tailwind
yellow-700
Export
:root {
--#4a5345-1: #4a5345;
}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.