Meadow (677448) — Shades, Harmonies, Palettes, CSS Code

"Meadow"

Green · Summer

🧠 Psychology

Bright color that captures attention. Symbolizes optimism, clarity and intellect.

✨ Uses

Warnings, lighting, youth fashion, accessories.

Tip

Meadow pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #677448

RGB rgb(103, 116, 72)

HSL hsl(78°, 23%, 37%)

CMYK C:11% M:0% Y:38% K:55%

Luminance 0.1598

WCAG Accessibility

On white 5.04:1

Aa — #677448

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.17:1

Aa — #677448

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#677448 #564974

Analogous

#746B49 #677448 #517449

Triadic

#677448 #496774 #744967

Split-comp.

#677448 #495174 #6B4974

Tetradic

#677448 #49746B #564974 #744951

Monochromatic

#C7CCBD #97A083 #636B52 #484E3C #20231B

Suggested palettes for this hue.

Tokyo Neon View all →

Moss & Stone View all →

Berries View all →