Home /Compare /Prussian Blue vs Navy

Prussian Blue vs Navy: What's the Difference?

Prussian Blue and Navy 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. Prussian Blue (#003153) is a deep dark blue with a slight green undertone, historically one of the first synthetic pigments (1704), while Navy (#000080) is a pure dark blue with no green shift. Prussian leans slightly cyan; navy is straight blue.

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

Prussian Blue vs Navy: Key Differences at a Glance

Aspect Prussian Blue Navy
Green channel49 — noticeable cyan lean0 — pure blue
Hue angle205° — cyan-leaning240° — pure blue
LightnessVery dark (L=16%)Dark (L=25%)
FeelArtistic, historic, moodyFormal, authoritative, uniform
OriginAccidental synthesis, 1704Royal Navy uniform, 1748
Classic useOil painting, denim, blueprintsSuits, uniforms, corporate

Can you use Prussian Blue and Navy together?

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

How to Tell Prussian Blue and Navy Apart

  • Prussian blue is noticeably darker than navy — 16% vs 25% lightness.
  • Look for cyan in prussian; navy has zero cyan. Side by side, prussian looks slightly greener.
  • In art history: prussian = oil paintings, Japanese prints, denim indigo. Navy = suits, uniforms.
  • If a very dark blue looks almost teal in bright light, it's prussian; if it stays pure blue, it's navy.

Origin of Prussian Blue and Navy

Prussian Blue

Prussian Blue was accidentally created in 1704 by Berlin paint-maker Johann Jacob Diesbach while making red lake pigment. It was the first modern synthetic pigment and revolutionized oil painting; Hokusai's 'Great Wave' (1831) is painted with imported Prussian blue.

Navy

Navy blue was standardized by the British Royal Navy as officer uniform color in 1748, and the color name entered English by 1813. It dominates formal dress worldwide.

Prussian Blue or Navy: Which to Use and Where

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

Branding & logos
PickPrussian Blue

Prussian Blue is more saturated (100% HSL vs 100%) so it reads as bolder and more memorable at logo scale, while Navy 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
PickPrussian Blue

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

When to Use Prussian Blue vs Navy in Design

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

Prussian Blue and Navy Hex Codes, RGB & HSL

Prussian Blue#003153

Prussian Blue (RGB 0,49,83) is a very dark blue with a hint of green, famous as the world's first modern synthetic pigment, accidentally discovered in Berlin in 1704. It became the signature blue of Japanese woodblock prints like Hokusai's Great Wave.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Navy#001F3F

Navy (RGB 0,0,128) is a pure dark blue with no red or green mixed in — the original British Royal Navy uniform color standardized in 1748. It reads as formal, authoritative, and corporate.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Prussian Blue and Navy 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
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 white
16.56:1AAA
Sample text preview
Navy text on black
1.27:1Fail
Sample text preview
Prussian Blue text on Navy
1.23:1Fail
Sample text preview
Navy text on Prussian Blue
1.23:1Fail

Explore Prussian Blue and Navy individually

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

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

More Prussian Blue and Navy Comparisons

Prussian Blue vs Navy FAQ

What is the difference between prussian blue and navy?+
Prussian Blue and Navy 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. Prussian Blue (#003153) is a deep dark blue with a slight green undertone, historically one of the first synthetic pigments (1704), while Navy (#000080) is a pure dark blue with no green shift. Prussian leans slightly cyan; navy is straight blue.
Is prussian blue darker than navy?+
No. Navy is the darker of the two at 12% lightness, while Prussian Blue sits higher at 16%.
Are prussian blue and navy the same color?+
No. Prussian Blue is #003153 and Navy is #001F3F. They differ by 5° in hue, 4% in lightness, and 0% in saturation.
Which is more saturated, prussian blue or navy?+
They have nearly identical saturation — Prussian Blue at 100% and Navy at 100% in HSL.
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.
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.
Can you use prussian blue and navy together?+
Yes. Both prussian blue and navy 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 prussian blue belong to?+
Prussian Blue belongs to the blue family. Its HSL is 205°, 100%, 16% — a cool tone within the broader blue group.
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%).
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%).