Navy blue color

Named after the uniforms of the British Royal Navy. It's a very dark blue that's serious and easy to pair. It's a staple for suits, school uniforms and nautical decor.

Also known as: navy.

Navy blue · #000080

About navy blue

Navy blue (#000080) is a cool, dark, highly saturated color. It belongs to the blues family. It mixes 0 red, 0 green and 128 blue (out of 255). It is mostly used in fashion, uniforms, home decor.

Navy blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

Colors that go with navy blue

WhiteThe classic nautical contrast: clean and fresh.BeigeAn elegant, relaxed pair, perfect for everyday wear.CamelThe warmth of camel balances the coolness of navy.RedCreates a bold, sporty contrast.GoldAdds a touch of luxury; common on buttons and details.Dusty pinkSoftens navy and makes it more romantic.MustardA warm, modern accent on a dark base.Light grayA low-key mix, perfect for the office.

How to wear and decorate with navy blue →

Navy blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Olive green

AnalogousClose to: Ultra violet, Indigo

TriadicClose to: Maroon, Green

Split complementaryClose to: Chocolate brown, Green

TetradicClose to: Burgundy, Olive green, Jade green

Navy blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Navy blue

Analogous palette · Navy blue

Complementary palette · Navy blue

Triadic palette · Navy blue

With neutrals palette · Navy blue

With an accent palette · Navy blue

Navy blue contrast with text

White textContrast 16.0:1 · AAA

Black textContrast 1.3:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --navy-blue: #000080;
  --navy-blue-rgb: 0, 0, 128;
}
.bg { background-color: var(--navy-blue); }
.text { color: var(--navy-blue); }

Colors similar to navy blue

Ultramarine Dark blue Indigo Klein blue Midnight blue Deep purple Grape purple Cobalt blue Purple Sapphire blue

More blues

Blue Sky blue Cobalt blue Sapphire blue Steel blue Royal blue Electric blue Midnight blue Ultramarine French blue Prussian blue Pastel blue Baby blue Denim blue Klein blue Dark blue Light blue Cerulean

Frequently asked questions

What is the hex code for navy blue?

The hex code for navy blue is #000080. In RGB it is rgb(0, 0, 128), in HSL hsl(240, 100%, 25%) and in CMYK 100, 100, 0, 50.

What is the complementary color of navy blue?

Its complement on the color wheel is #808000, close to olive green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on navy blue?

Yes. The contrast with white is 16.0:1, enough for body text (WCAG AA).

What colors go with navy blue?

It pairs well with white, beige, camel, red, gold. Avoid pairing it with black when the two look too similar, because it reads like a mistake. Dark purple next to it also blurs together and looks muddy.