Navy Blue (216DA2) — 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 #216DA2

RGB rgb(33, 109, 162)

HSL hsl(205°, 66%, 38%)

CMYK C:80% M:33% Y:0% K:36%

Luminance 0.1392

WCAG Accessibility

On white 5.56:1

Aa — #216DA2

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.77:1

Aa — #216DA2

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#216DA2 #A15621

Analogous

#21A196 #216DA2 #212CA1

Triadic

#216DA2 #A1216C #6CA121

Split-comp.

#216DA2 #A1212C #A19621

Tetradic

#216DA2 #9621A1 #A15621 #2CA121

Monochromatic

#A7CCE6 #589ED0 #2B6A97 #1F4E6F #0F2434

Suggested palettes for this hue.

Vintage Sepia View all →

Tech Blue View all →

Pop Matisse View all →