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

RGB rgb(63, 105, 58)

HSL hsl(114°, 29%, 32%)

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

Luminance 0.1141

WCAG Accessibility

On white 6.38:1

Aa — #3F693A

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.29:1

Aa — #3F693A

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#3F693A #653A69

Analogous

#56693A #3F693A #3A694D

Triadic

#3F693A #3A3F69 #693A3F

Split-comp.

#3F693A #4D3A69 #693A56

Tetradic

#3F693A #3A5669 #653A69 #694D3A

Monochromatic

#ADC5AA #729C6D #456142 #30432D #0F150E

Suggested palettes for this hue.

Amber Warning View all →

Dark UI View all →

Tech Blue View all →