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

RGB rgb(103, 126, 88)

HSL hsl(96°, 18%, 42%)

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

Luminance 0.1875

WCAG Accessibility

On white 4.47:1

Aa — #677E58

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.7:1

Aa — #677E58

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#677E58 #6F587E

Analogous

#7B7E58 #677E58 #587E5C

Triadic

#677E58 #58677E #7E5867

Split-comp.

#677E58 #5C587E #7E587B

Tetradic

#677E58 #587B7E #6F587E #7E5C58

Monochromatic

#D0D5CD #9DA696 #697463 #50584B #2B2F28

Suggested palettes for this hue.

Grey Minimal View all →

Green Meadow View all →

White Marble View all →