Navy Blue (236980) — Shades, Harmonies, Palettes, CSS Code

"Navy Blue"

Blue · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

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

Values

HEX #236980

RGB rgb(35, 105, 128)

HSL hsl(195°, 57%, 32%)

CMYK C:73% M:18% Y:0% K:50%

Luminance 0.1201

WCAG Accessibility

On white 6.17:1

Aa — #236980

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.4:1

Aa — #236980

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#236980 #803A23

Analogous

#238069 #236980 #233A80

Triadic

#236980 #802369 #698023

Split-comp.

#236980 #80233A #806923

Tetradic

#236980 #692380 #803A23 #3A8023

Monochromatic

#96C8D9 #4BA1BE #2B6578 #1E4552 #09161A

Suggested palettes for this hue.

Provence Lavender View all →

Coffee & Cream View all →

Chocolate View all →