Preview
#575e50
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 6.73:1 · vs black: 3.12:1
HEX
#575e50
RGB
rgb(87, 94, 80)
RGBA
rgba(87, 94, 80, 1)
HSL
hsl(90, 8%, 34%)
HSV
hsv(90, 15%, 37%)
LAB
lab(38.92% -5.64 7.11)
LCH
lch(38.92% 9.08 128.42)
OKLAB
oklab(0.4714 -0.0149 0.0184)
OKLCH
oklch(0.4714 0.0237 129)
XYZ
xyz(9.38, 10.61, 9.14)
CMYK
cmyk(7%, 0%, 15%, 63%)
CSS
color: #575e50;
CSS variable
--color-575e50: #575e50;
SCSS
$color-575e50: #575e50;
Tailwind
yellow-600
Export
:root {
--#575e50-1: #575e50;
}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.