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.

Navy Blue color codes
HEX#000080
RGBrgb(0, 0, 128)
HSLhsl(240, 100%, 25%)
HSVhsv(240, 100%, 50%)
CMYKcmyk(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.

White text

The quick brown fox jumps over the lazy dog.

16.00:1 · AAA
Black text

The quick brown fox jumps over the lazy dog.

1.31:1 · Fail

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

#262693
#4D4DA6
#7373B9
#9999CC
#BFBFDF

Shades

#00006D
#00005A
#000046
#000033
#000020

Navy Blue color schemes

Color-wheel harmonies built by rotating the hue of #000080 and keeping its saturation and lightness.

Complementary

#000080
#808000

Analogous

#004080
#000080
#400080

Triadic

#000080
#800000
#008000

Split complementary

#000080
#804000
#408000

Tetradic

#000080
#800040
#808000
#008040

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.