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

RGB rgb(100, 130, 85)

HSL hsl(100°, 21%, 42%)

CMYK C:23% M:0% Y:35% K:49%

Luminance 0.196

WCAG Accessibility

On white 4.32:1

Aa — #648255

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.87:1

Aa — #648255

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#648255 #735582

Analogous

#7A8255 #648255 #55825C

Triadic

#648255 #556482 #825564

Split-comp.

#648255 #5C5582 #82557A

Tetradic

#648255 #557A82 #735582 #825C55

Monochromatic

#CFD6CC #9BA993 #67775F #4F5B49 #2A3027

Suggested palettes for this hue.

Electric Vibes View all →

Sand Desert View all →

Pearl Zen View all →