Color guide

Navy Color

#1E3A8A

navy color codes

HEX

#1E3A8A

RGB

rgb(30, 58, 138)

HSL

hsl(224, 64%, 33%)

OKLCH

oklch(64% 0.10 284)

What navy means

Navy is the most authoritative color: deep, stable and serious without being cold.

How to use it in design

Classic base for finance, legal and enterprise software. Pairs with almost any accent.

Color combinations with navy

Harmonies calculated with color theory for the base hue 224°.

Complementary

Maximum contrast: #1E3A8A + #8A6D1E

Open in editor

Analogous

Harmony at ±30°: #1E718A · #1E3A8A · #371E8A

Triadic

Even 120° spacing: #1E3A8A · #8A1E3B · #3B8A1E

navy color shades (50–900 scale)

Ready-to-use tailwind-style scale generated from #1E3A8A.

50 #000000

100 #000000

200 #000000

300 #060810

400 #132042

500 #1E3B8A

600 #385DC2

700 #6F88CC

800 #95A6D5

900 #AAB7DB

Colors that go well with navy

FAQ about the navy color

What is the HEX code of navy?

A widely used hex value for navy is #1E3A8A, which equals rgb(30, 58, 138). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (224°).

What colors go well with navy?

navy pairs beautifully with gold, coral, white, sky. Its complementary color is #8A6D1E, and a classic triadic scheme adds #8A1E3B and #3B8A1E.

Is navy accessible for text and backgrounds?

It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping navy in text or UI elements.

Create your own navy palette

Generate harmonious combinations from #1E3A8A in seconds.

Open the palette generator