Navy Blue (204D89) — Shades, Harmonies, Palettes, CSS Code

"Navy Blue"

Blue · Winter

🧠 Psychology

Color of trust and stability. Evokes professionalism, security and serenity.

✨ Uses

Finance, banking, enterprise, software, social networks.

Tip

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

Values

HEX #204D89

RGB rgb(32, 77, 137)

HSL hsl(214°, 62%, 33%)

CMYK C:77% M:44% Y:0% K:46%

Luminance 0.0719

WCAG Accessibility

On white 8.45:1

Aa — #204D89

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.48:1

Aa — #204D89

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#204D89 #885B20

Analogous

#208188 #204D89 #272088

Triadic

#204D89 #88204D #4D8820

Split-comp.

#204D89 #882720 #818820

Tetradic

#204D89 #882081 #885B20 #208827

Monochromatic

#96B5DE #497FC5 #284E80 #1C3759 #0A131F

Suggested palettes for this hue.

White Marble View all →

Red Passion View all →

Pop Matisse View all →