What color is Navy Blue?
Navy blue is a very dark shade of blue, deep enough to appear almost black in low light, hex #000080, with a cool, flat tone closer to a dark ocean surface than a bright sky. The color has very little brightness and sits far from any trace of green or purple.
What is the meaning of the color Navy Blue?
British Royal Navy officers began wearing navy blue uniforms in 1748, making it one of the earliest colors standardized by a military institution. The color spread through naval forces across Europe over the following century, carried by trade, colonial expansion, and the prestige of the British fleet. Its association with authority and discipline made it a natural choice for school uniforms, police forces, and formal dress codes in many countries. Ralph Lauren built a significant part of his brand identity around navy blue, using it as a cornerstone of American preppy and classic workwear aesthetics from the 1970s onward.
What colors go with Navy Blue?
Colors that pair well with Navy blue include:
White: clean, high contrast
Gold: warm, rich accent
Coral: bright, warm balance
Light gray: soft, neutral calm
Cream: gentle, warm contrast
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #000080 |
color: #000080;
|
| RGB | 0, 0, 128 |
color: rgb(0, 0, 128);
|
| RGB Percentage | 0%, 0%, 50% |
color: rgb(0%, 0%, 50%);
|
| CMYK | 100%, 100%, 0%, 50% | Not supported in CSS |
| HSL | 240°, 100%, 25% |
color: hsl(240, 100%, 25%);
|
| HSV | 240°, 100%, 50% | Not supported in CSS |
| CIE-LAB | 20, 0, -43 |
color: lab(20% 0 -43);
|
| Decimal | 128 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.navy-blue {
color: #000080;
}
$navy-blue: #000080;
rgb(0, 0, 128)