Color Codes › Navy vs Midnight Blue

Navy vs Midnight Blue

See navy and midnight blue side by side with their codes, and a clear explanation of how they differ.

Navy
Hex#000080
RGBrgb(0, 0, 128)
HSLhsl(240, 100%, 25%)
OKLCHoklch(0.27 0.19 264)
Midnight Blue
Hex#191970
RGBrgb(25, 25, 112)
HSLhsl(240, 64%, 27%)
OKLCHoklch(0.29 0.14 273)

The difference between navy and midnight blue

Both are very dark blues, but midnight blue carries a faint purple tint and is slightly lighter, while navy is a flatter, classic dark blue. The difference is subtle but midnight blue feels a touch richer.

If you are choosing between them, view both against your background and check contrast, or fine-tune either in the picker.

Quick reference

Navy: #000080 · rgb(0, 0, 128)
Midnight Blue: #191970 · rgb(25, 25, 112)

What is the difference between navy and midnight blue?
Both are very dark blues, but midnight blue carries a faint purple tint and is slightly lighter, while navy is a flatter, classic dark blue. The difference is subtle but midnight blue feels a touch richer.
What is the hex code for navy?
Navy is #000080 (rgb(0, 0, 128)).
What is the hex code for midnight blue?
Midnight Blue is #191970 (rgb(25, 25, 112)).

Popular colours

Sage green Navy blue Teal Coral Burgundy Terracotta Mint green Shades of blue Shades of pink All colour codes →

Color tools

Color Picker →
Pick visually, get every code.
Converter →
Convert between any formats.
Contrast Checker →
WCAG AA/AAA pass-fail.
Named Colors →
All 140 CSS colours.