Meadow (677D59) — 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 #677D59

RGB rgb(103, 125, 89)

HSL hsl(97°, 17%, 42%)

CMYK C:18% M:0% Y:29% K:51%

Luminance 0.1851

WCAG Accessibility

On white 4.51:1

Aa — #677D59

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.65:1

Aa — #677D59

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#677D59 #6F597D

Analogous

#797D59 #677D59 #597D5D

Triadic

#677D59 #59677D #7D5967

Split-comp.

#677D59 #5D597D #7D5979

Tetradic

#677D59 #59797D #6F597D #7D5D59

Monochromatic

#D0D4CE #9DA597 #697364 #50574C #2B2E28

Suggested palettes for this hue.

Night Velvet View all →

Pastel Spring View all →

Coral Sea View all →