Home /Compare /Navy vs Prussian Blue

Navy vs Prussian Blue: What's the Difference?

Navy and Prussian Blue are near-identical blue shades — they sit within a few degrees of hue, lightness, and saturation of each other. The difference is mostly in name and historical use. Navy (#001F3F) is a very dark blue associated with military uniforms, while Prussian Blue (#003153) is a slightly lighter dark blue with a greener undertone, named after the pigment invented in 1704. Prussian leans teal; navy leans violet.

Navy#001F3F
Prussian Blue#003153
#001F3FBlended: #002849#003153
ShareSave to PinterestTweet

Navy vs Prussian Blue: Key Differences at a Glance

Aspect Navy Prussian Blue
LightnessVery dark (L=12%)Dark (L=16%)
Hue210° — slight violet205° — slight teal
FeelAuthoritative, classic, militaryArtistic, historic, pigment-rich
OriginBritish naval uniform (1748)Synthesized pigment (1704)
Named afterNavy (navies, fleets)Kingdom of Prussia
Common useBusiness suits, uniformsArt, antique textiles, blueprints

Can you use Navy and Prussian Blue together?

Prussian Blue text on Navy
Navy text on Prussian Blue
Contrast Ratio:1.23:1Insufficient Contrast

How to Tell Navy and Prussian Blue Apart

  • Prussian is slightly lighter and pulls toward green-teal; navy pulls toward violet.
  • Side by side, prussian looks like dark ocean; navy looks like midnight sky.
  • If the color remembers old oil paintings or cyanotype blueprints, it's prussian.
  • Most business suits are navy; most vintage textiles are prussian.

Origin of Navy and Prussian Blue

Navy

Navy was adopted by the British Royal Navy for officers' uniforms in 1748 — the shade gave the whole color family its name.

Prussian Blue

Prussian Blue was accidentally invented around 1704 by Berlin paint-maker Heinrich Diesbach, becoming the first modern synthetic pigment.

Navy or Prussian Blue: Which to Use and Where

Four real design scenarios, with the recommended pick based on hue, saturation, and WCAG contrast.

Branding & logos
PickNavy

Navy is more saturated (100% HSL vs 100%) so it reads as bolder and more memorable at logo scale, while Prussian Blue can feel washed out when printed small.

Web UI & body text backgrounds
PickNavy

Navy hits a 16.56:1 WCAG contrast against white — safer for text-heavy interfaces — where Prussian Blue only reaches 13.43:1 and risks failing AA at small body sizes.

Fashion & apparel
PickPrussian Blue

Prussian Blue is a cool-leaning tone that flatters spring/summer collections and warmer skin undertones, while Navy leans cooler and is better suited to autumn/winter layering.

Interior design & walls
PickNavy

Navy is the more muted of the two (100% saturation) and sits more calmly on large wall surfaces, while Prussian Blue's higher chroma can overwhelm a room when used beyond accent pieces.

When to Use Navy vs Prussian Blue in Design

Use Navy for:
Tech and corporate trust
Finance and banking brands
Links and primary buttons
Medical and professional UI
Calm dependable visuals
Use Prussian Blue for:
Tech and corporate trust
Finance and banking brands
Links and primary buttons
Medical and professional UI
Calm dependable visuals

Navy and Prussian Blue Hex Codes, RGB & HSL

Navy#001F3F

Navy (RGB 0,31,63) is a very dark blue at L=12% with a slight violet undertone — the classic color of the British Royal Navy uniform from 1748.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Prussian Blue#003153

Prussian Blue (RGB 0,49,83) is a slightly lighter dark blue at L=16% with a green-teal undertone — one of the first modern synthetic pigments, discovered in Berlin in 1704.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Navy and Prussian Blue WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Navy text on white
16.56:1AAA
Sample text preview
Navy text on black
1.27:1Fail
Sample text preview
Prussian Blue text on white
13.43:1AAA
Sample text preview
Prussian Blue text on black
1.56:1Fail
Sample text preview
Navy text on Prussian Blue
1.23:1Fail
Sample text preview
Prussian Blue text on Navy
1.23:1Fail

Explore Navy and Prussian Blue individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Navy color page#001F3F · shades, tints, pairings

More Navy and Prussian Blue Comparisons

Navy vs Prussian Blue FAQ

What is the difference between navy and prussian blue?+
Navy and Prussian Blue are near-identical blue shades — they sit within a few degrees of hue, lightness, and saturation of each other. The difference is mostly in name and historical use. Navy (#001F3F) is a very dark blue associated with military uniforms, while Prussian Blue (#003153) is a slightly lighter dark blue with a greener undertone, named after the pigment invented in 1704. Prussian leans teal; navy leans violet.
Is navy darker than prussian blue?+
Yes. Navy is darker, with a lightness of 12% in HSL compared to Prussian Blue at 16% — a 4-point gap.
Are navy and prussian blue the same color?+
No. Navy is #001F3F and Prussian Blue is #003153. They differ by 5° in hue, 4% in lightness, and 0% in saturation.
Which is more saturated, navy or prussian blue?+
They have nearly identical saturation — Navy at 100% and Prussian Blue at 100% in HSL.
Is navy warm or cool?+
Navy (#001F3F) is a cool blue. Its hue sits at 210° on the color wheel, which places it in the cool range.
Is prussian blue warm or cool?+
Prussian Blue (#003153) is a cool blue. Its hue sits at 205° on the color wheel, which places it in the cool range.
Can you use navy and prussian blue together?+
Yes. Both navy and prussian blue are blue shades, so they pair naturally in a monochromatic palette. Use navy as the dominant color and prussian blue as the accent or highlight.
What color family does navy belong to?+
Navy belongs to the blue family. Its HSL is 210°, 100%, 12% — a cool tone within the broader blue group.
What is the hex code for navy?+
The hex code for Navy is #001F3F. In RGB, that's rgb(0, 31, 63), and in HSL it's hsl(210, 100%, 12%).
What is the hex code for prussian blue?+
The hex code for Prussian Blue is #003153. In RGB, that's rgb(0, 49, 83), and in HSL it's hsl(205, 100%, 16%).