Color Codes › Navy vs Royal Blue

Navy vs Royal Blue

See navy and royal 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)
Royal Blue
Hex#4169E1
RGBrgb(65, 105, 225)
HSLhsl(225, 73%, 57%)
OKLCHoklch(0.56 0.19 266)

The difference between navy and royal blue

Navy is a very dark, almost-black blue; royal blue is brighter and more saturated. Navy reads as conservative and authoritative; royal blue as bold and energetic.

If you are choosing between them for a design, the easiest way to decide is to view both against your background. Drop each hex into the contrast checker to confirm readability, or open the picker to fine-tune either one.

Quick reference

Navy: #000080 · rgb(0, 0, 128) · hsl(240, 100%, 25%)
Royal Blue: #4169E1 · rgb(65, 105, 225) · hsl(225, 73%, 57%)

Frequently asked questions

What is the difference between navy and royal blue?
Navy is a very dark, almost-black blue; royal blue is brighter and more saturated. Navy reads as conservative and authoritative; royal blue as bold and energetic.
What is the hex code for navy?
Navy is #000080 (rgb(0, 0, 128)).
What is the hex code for royal blue?
Royal Blue is #4169E1 (rgb(65, 105, 225)).

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.