Navy Blue Color
Hex Code: #1B2A4A · blue
About Navy Blue
Navy blue is a very dark shade of blue, first used to describe the color of the British Royal Navy uniforms in the 1840s. It is one of the most universally trusted and professional colors in design, consistently associated with authority, reliability, and intelligence. Navy blue occupies a unique position — dark enough to feel serious, but rich enough to feel refined rather than stark.
Is Navy Blue Right for Your Project?
Choose Navy Blue for
Navy blue is a staple in corporate branding, fashion (especially preppy and nautical styles), and interior design. It pairs exceptionally well with white, cream, gold, and coral. Works in virtually every design context from professional services to traditional fashion. It shows up in 4 palettes in Colortion's library spanning a calm range of moods.
Look elsewhere for
Warm, cozy, rustic branding — blue reads cool and can feel clinical in a context built around warmth. Browse all colors to find a hue with a better fit.
Navy Blue Tints & Shades
Lighter and darker variants of Navy Blue — useful for hover states, borders, and backgrounds that need to stay in the same color family.
Navy Blue Color Harmonies
Other hues computed from Navy Blue's position on the color wheel — a fast starting point for a palette built around this color.
Complementary
Analogous
Triadic
Tetradic
Color Palettes with Navy Blue
Colors That Go With Navy Blue
These colors complement Navy Blue beautifully in design projects.
How to Use Navy Blue in Design
Navy blue is a staple in corporate branding, fashion (especially preppy and nautical styles), and interior design. It pairs exceptionally well with white, cream, gold, and coral. Works in virtually every design context from professional services to traditional fashion.
Blues read as cooler and often darker than they measure, so don’t assume white text is automatically safe — check the actual ratio. Use #1B2A4A ( hsl(221, 46%, 20%)) directly in CSS or your design tool — for print, ask your printer for the closest CMYK or Pantone match before production.
Navy Blue is most often paired with Coral. Start from #1B2A4A in the Colortion generator and build outward from there rather than starting from scratch.
Similar Colors
All colorsHow Navy Blue Compares
Side-by-side hex, RGB, and lightness values against the closest colors in the library.
| Color | Hex | Lightness |
|---|---|---|
| Navy Blue (this page) | #1B2A4A | 20% |
| Cobalt Blue | #0047AB | 34% |
| Teal | #14B8A6 | 40% |
| Slate Blue | #6A9AB8 | 57% |
| Coral | #FF6B6B | 71% |
| Forest Green | #2D6A4F | 30% |
Frequently Asked Questions
What is the hex code for Navy Blue?
The hex code for Navy Blue is #1B2A4A. The RGB value is rgb(27, 42, 74) and the HSL value is hsl(221, 46%, 20%).
What colors go with Navy Blue?
Navy Blue pairs well with Coral — see the tints, shades, and comparison table below for exact values to build from.
What is Navy Blue used for in design?
Navy blue is a staple in corporate branding, fashion (especially preppy and nautical styles), and interior design. It pairs exceptionally well with white, cream, gold, and coral. Works in virtually every design context from professional services to traditional fashion.