Meadow (5D7F57) — Shades, Harmonies, Palettes, CSS Code

"Meadow"

Green · Spring

🧠 Psychology

Color of nature and harmony. Evokes growth, health and balance.

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

Meadow pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #5D7F57

RGB rgb(93, 127, 87)

HSL hsl(111°, 19%, 42%)

CMYK C:27% M:0% Y:31% K:50%

Luminance 0.1842

WCAG Accessibility

On white 4.53:1

Aa — #5D7F57

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.64:1

Aa — #5D7F57

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5D7F57 #79577F

Analogous

#717F57 #5D7F57 #577F65

Triadic

#5D7F57 #575D7F #7F575D

Split-comp.

#5D7F57 #65577F #7F5771

Tetradic

#5D7F57 #57717F #79577F #7F6557

Monochromatic

#CED5CD #98A795 #647561 #4C594A #292F27

Suggested palettes for this hue.

Vibrant Summer View all →

Provence Lavender View all →

Danger Red View all →