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

RGB rgb(98, 140, 84)

HSL hsl(105°, 25%, 44%)

CMYK C:30% M:0% Y:40% K:45%

Luminance 0.2234

WCAG Accessibility

On white 3.89:1

Aa — #628C54

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.4:1

Aa — #628C54

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#628C54 #7E548C

Analogous

#7E8C54 #628C54 #548C62

Triadic

#628C54 #54628C #8C5462

Split-comp.

#628C54 #62548C #8C547E

Tetradic

#628C54 #547E8C #7E548C #8C6254

Monochromatic

#D3DCD0 #9CB195 #68815F #50644A #2D3829

Suggested palettes for this hue.

Provence Lavender View all →

Coffee & Cream View all →

Northern Lights View all →