Colors that go with navy blue

#1B2A4A · cool blue · hue 221°

Five combination families for navy blue, derived from color theory and checked for contrast. Every HEX below is click-to-copy.

Complementary contrast

Navy Blue plus its complementary hue — maximum hue contrast, best for accents and highlights.

#1B2A4A

#4A3B1B

#1b2a4a #4a3b1b

#1B2A4A#4A3B1B — 1.3:1 vs navy blue

Analogous harmony

Navy Blue with its hue neighbors — low contrast, calm and cohesive.

#1B424A

#1B2A4A

#231B4A

#1b424a #1b2a4a #231b4a

#1B424A — 1.3:1 vs navy blue#1B2A4A#231B4A — 1.1:1 vs navy blue

Triadic balance

Navy Blue in a triadic scheme — three evenly spaced hues, lively but balanced.

#1B2A4A

#4A1B2A

#2A4A1B

#1b2a4a #4a1b2a #2a4a1b

#1B2A4A#4A1B2A — 1.0:1 vs navy blue#2A4A1B — 1.4:1 vs navy blue

Neutral grounding

Navy Blue with warm and cool neutrals — lets the color breathe in real interfaces.

#1B2A4A

#E9DCC9

#36454F

#1b2a4a #e9dcc9 #36454f

#1B2A4A#E9DCC9 — 10.5:1 vs navy blue#36454F — 1.4:1 vs navy blue

Monochromatic depth

Shades and tints of navy blue — guaranteed harmony, depth without new hues.

#080D16

#0B111D

#1B2A4A

#080d16 #0b111d #1b2a4a

#080D16 — 1.4:1 vs navy blue#0B111D — 1.3:1 vs navy blue#1B2A4A

Build on this

Open navy blue in the palette generator to lock it and shuffle matching colors, or read its full encyclopedia page.

FAQ

What colors go with navy blue?

Five families work reliably: its complementary hue (#4A3B1B), analogous neighbors (#1B424A, #1B2A4A, #231B4A), a triadic scheme (#4A1B2A, #2A4A1B), neutrals (#E9DCC9, #36454F), and its own shades and tints. All combinations are listed above with HEX codes.

Is navy blue a warm or cool color?

Navy Blue is a cool color (hue 221°). It pairs naturally with other cool tones and crisp whites.

What is the HEX code of navy blue?

Navy Blue is #1B2A4A (RGB 27, 42, 74). See its full page for HSL, CMYK, LAB, shades and harmonies.