Navy Blue (2B6E9D) — 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 #2B6E9D

RGB rgb(43, 110, 157)

HSL hsl(205°, 57%, 39%)

CMYK C:73% M:30% Y:0% K:38%

Luminance 0.1416

WCAG Accessibility

On white 5.5:1

Aa — #2B6E9D

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.82:1

Aa — #2B6E9D

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#2B6E9D #9C5A2B

Analogous

#2B9C93 #2B6E9D #2B349C

Triadic

#2B6E9D #9C2B6D #6D9C2B

Split-comp.

#2B6E9D #9C2B34 #9C932B

Tetradic

#2B6E9D #932B9C #9C5A2B #349C2B

Monochromatic

#B0CEE3 #659FC8 #356B92 #27506D #132634

Suggested palettes for this hue.

Dragonfruit View all →

Volcano View all →

Berries View all →