Compare two colors
See how two colors differ in lightness, saturation and hue, how they read on each other and what lies between them.
Navy blue#000080
Royal blue#4169e1
Navy blue and Royal blue are clearly different. Royal blue is 28.9% lighter. Saturation is the same. The hue differs by 2°.
Difference
CIEDE200030.42clearly different
Lightness+28.9%
Chroma0
Hue+2°
Below 1 the eye cannot tell them apart, around 2.3 is the smallest visible step.
Codes
Navy blue
- HEX
- RGB
- HSL
- OKLCH
Royal blue
- HEX
- RGB
- HSL
- OKLCH
One on the other
AaNavy blue / Royal blue3.3:1 · APCA Lc 26Below WCAG AA for text
AaRoyal blue / Navy blue3.3:1 · APCA Lc -25Below WCAG AA for text
In between
Halfway in OKLab: #183cb0
Questions and answers
What is the difference between Navy blue and Royal blue?
Navy blue and Royal blue are clearly different. Royal blue is 28.9% lighter. Saturation is the same. The hue differs by 2°. Their CIEDE2000 color difference is 30.42.
Is Royal blue lighter than Navy blue?
Royal blue is 28.9% lighter. In OKLCH, Navy blue has a lightness of 27.1% and Royal blue 56%.
Can I put Navy blue text on Royal blue?
The contrast ratio between them is 3.3:1. WCAG AA needs 4.5:1 for normal text and 3:1 for large text, so use it only for large text and headings.