Navy Blue (183D5E) — 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 #183D5E

RGB rgb(24, 61, 94)

HSL hsl(208°, 59%, 23%)

CMYK C:74% M:35% Y:0% K:63%

Luminance 0.04

WCAG Accessibility

On white 11.24:1

Aa — #183D5E

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.87:1

Aa — #183D5E

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#183D5E #5D3818

Analogous

#185D5B #183D5E #181A5D

Triadic

#183D5E #5D183D #3D5D18

Split-comp.

#183D5E #5D181A #5D5B18

Tetradic

#183D5E #5B185D #5D3818 #1A5D18

Monochromatic

#72A4CF #3871A3 #1E3D57 #112231 #000000

Suggested palettes for this hue.

Retro 70s View all →

Arctic Tundra View all →

Pastel 80s View all →