Meadow (5F7F57) — 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 #5F7F57

RGB rgb(95, 127, 87)

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

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

Luminance 0.1853

WCAG Accessibility

On white 4.51:1

Aa — #5F7F57

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.66:1

Aa — #5F7F57

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5F7F57 #77577F

Analogous

#737F57 #5F7F57 #577F63

Triadic

#5F7F57 #575F7F #7F575F

Split-comp.

#5F7F57 #63577F #7F5773

Tetradic

#5F7F57 #57737F #77577F #7F6357

Monochromatic

#CFD5CD #99A795 #657561 #4D594A #292F27

Suggested palettes for this hue.

Coffee & Cream View all →

Cherry Blossom View all →

Pop Matisse View all →