Royal Navy Blue
A bold and dependable saturated blue
Royal Navy Blue is a saturated, cool tone that demands attention without feeling abrasive. Because it is highly readable against white, the hex code #0066cc works well for UI buttons and call to action accents. It pairs effectively with soft greys or crisp whites to keep layouts clean. Browse other shades of blue to see how this mid-tone compares to darker or lighter variations.
About Royal Navy Blue
A swimming pool at high noon, loud and unbothered
What does royal navy blue mean?
This blue often signals confidence, energy, and technology, so it commonly appears in sports teams, links, and digital brands. Full saturation at a mid lightness makes it shout rather than murmur, giving it a bold, electric, wide-open presence.
Where you see royal navy blue
- swimming pool water
- blue recycling bins
- cycling jerseys
- plastic tarps
- inflatable pool floats
What it works for
It works as a primary brand color, a call-to-action button, or an accent that cuts through neutral layouts.
What colors go with royal navy blue?
Coral #ff7f50The warm red-orange sits opposite on the wheel, so both colors read louder together.Mustard #ffdb58Its earthy yellow warmth balances the blue's cold charge without dimming either one.Mint #98ff98The pale green shares its cool cast but carries far less weight, adding breathing room.Charcoal #36454fThe near-black ground drops the brightness down and lets the blue carry the whole palette.
Questions about Royal Navy Blue
What is the hex code for Royal Navy Blue?
Royal Navy Blue is #0066cc. In RGB that is rgb(0, 102, 204), in HSL hsl(210, 100%, 40%) and in CMYK 100%, 50%, 0%, 20%.
Is Royal Navy Blue readable on white or black?
Royal Navy Blue has a 5.56:1 contrast ratio on white and 3.77:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.