"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
#1F6684
RGB
rgb(31, 102, 132)
HSL
hsl(198°, 62%, 32%)
CMYK
C:77% M:23% Y:0% K:48%
Luminance
0.1143
WCAG Accessibility
Aa — #1F6684
Secondary text
✓ AA
✗ AAA
✓ AA Large
Aa — #1F6684
Secondary text
✗ AA
✗ AAA
✓ AA Large
All harmonies
Complementary
#1F6684
#843D1F
Analogous
#1F8470
#1F6684
#1F3384
Triadic
#1F6684
#841F66
#66841F
Split-comp.
#1F6684
#841F33
#84701F
Tetradic
#1F6684
#701F84
#843D1F
#33841F
Monochromatic
#92C6DD
#459EC4
#27637C
#1B4455
#09161B
Suggested palettes for this hue.