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

RGB rgb(85, 165, 83)

HSL hsl(119°, 33%, 49%)

CMYK C:48% M:0% Y:50% K:35%

Luminance 0.2995

WCAG Accessibility

On white 3.05:1

Aa — #55A553

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.89:1

Aa — #55A553

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#55A553 #A554A6

Analogous

#7EA654 #55A553 #54A67C

Triadic

#55A553 #5455A6 #A65455

Split-comp.

#55A553 #7C54A6 #A6547E

Tetradic

#55A553 #547EA6 #A554A6 #A67C54

Monochromatic

#DDE9DC #9EC29E #619A60 #4D7A4D #304B2F

Suggested palettes for this hue.

Chocolate View all →

Cherry Blossom View all →

Green Meadow View all →