Meadow (556C37) — 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 #556C37

RGB rgb(85, 108, 55)

HSL hsl(86°, 33%, 32%)

CMYK C:21% M:0% Y:49% K:58%

Luminance 0.1295

WCAG Accessibility

On white 5.86:1

Aa — #556C37

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.59:1

Aa — #556C37

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#556C37 #4E376D

Analogous

#6D6937 #556C37 #3A6D37

Triadic

#556C37 #37556D #6D3755

Split-comp.

#556C37 #373A6D #69376D

Tetradic

#556C37 #376D69 #4E376D #6D373A

Monochromatic

#BAC8A7 #88A168 #54643F #3A452B #12160E

Suggested palettes for this hue.

White Marble View all →

Santorini View all →

Dragonfruit View all →