Navy Blue #000080
Navy blue is a very dark, cool blue with the hex code #000080. It is half-strength pure blue, deep enough to stand in for black while still reading clearly as blue. The name comes from the dark wool uniforms of British naval officers, and the color still suggests uniforms, authority, and classic tailoring.
In CSS the keyword is navy, not navyblue, and it equals #000080. Navy fabrics and paints are usually duller and slightly grayer than this saturated screen value.
| HEX | #000080 | |
|---|---|---|
| RGB | rgb(0, 0, 128) | |
| HSL | hsl(240, 100%, 25%) | |
| HSV | hsv(240, 100%, 50%) | |
| CMYK | cmyk(100%, 100%, 0%, 50%) |
Text on Navy Blue
White text reads better on Navy Blue. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Navy Blue
Navy Blue tints and shades
Tints mix Navy Blue with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Navy Blue color schemes
Color-wheel harmonies built by rotating the hue of #000080 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Navy Blue color meaning
Navy carries the weight of the uniform. Naval, police, and school uniforms in many countries use it, along with airline crews and corporate dress codes. That gives it an air of order and responsibility without the severity of black.
In fashion it is treated as a neutral. A navy blazer, suit, or sweater pairs with almost anything, and many people find it kinder to skin tones than black. Navy with white stripes is shorthand for nautical style.
For brands, navy says established and trustworthy. Law firms, financial advisers, universities, and healthcare groups use it because it feels serious without feeling cold. The trade-off is that it can read as conservative, so younger brands often pair it with a bright accent to loosen it up.
How to use Navy Blue in design
White and cream text read beautifully on navy, which makes it a strong choice for headers, footers, and hero sections. Used as a text color on white, it is a gentler alternative to black. Avoid putting mid blues or dark purples on it, since they sink into the background.
On social posts, navy makes a polished backdrop for gold, coral, or mustard type. In interiors it works on kitchen cabinets, front doors, and bedroom walls, where brass hardware and warm wood keep it from feeling heavy.
Palettes with Navy Blue tones
Curated palettes with a color close to #000080.
Colors similar to Navy Blue
Work with Navy Blue
Navy Blue FAQ
What colors go with navy blue?
Almost everything, since navy acts as a neutral. White and cream keep it crisp. Gold, brass, and mustard add warmth. Coral and blush pink make it lively, while burgundy and forest green give a richer, autumn feel. Avoid black right next to it, because the two can look like a mismatch.
Is navy blue a neutral color?
In fashion and interiors, yes. Navy is dark and quiet enough to stand in for black or gray, so it pairs with most other colors. In strict color theory it is still a blue, not a neutral, but designers use it like one for backgrounds, text, and furniture.
What is the difference between navy blue and midnight blue?
Both are very dark blues. Navy (#000080) is a pure, saturated blue at half strength. Midnight blue (#191970) has a little red and green mixed in, which makes it slightly duller and softer. In practice, midnight blue looks closer to a night sky and navy to a uniform.