"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
#24677F
RGB
rgb(36, 103, 127)
HSL
hsl(196°, 56%, 32%)
CMYK
C:72% M:19% Y:0% K:50%
Luminance
0.1158
WCAG Accessibility
Aa — #24677F
Secondary text
✓ AA
✗ AAA
✓ AA Large
Aa — #24677F
Secondary text
✗ AA
✗ AAA
✓ AA Large
All harmonies
Complementary
#24677F
#7F3C24
Analogous
#247F6A
#24677F
#24397F
Triadic
#24677F
#7F2467
#677F24
Split-comp.
#24677F
#7F2439
#7F6A24
Tetradic
#24677F
#6A247F
#7F3C24
#397F24
Monochromatic
#97C7D8
#4C9FBD
#2C6377
#1E4452
#0A161A
Suggested palettes for this hue.