Skip to the color picker

Navy blue color: #000080

Navy blue is #000080, rgb(0, 0, 128) in RGB and oklch(27.115% 0.18789 264.052) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

240°
100%

27.1%
0.188
264°
  • Blue
  • Very dark
  • Vivid
  • Deep
  • Cool
  • violet-950
  • Black 50%

Inside sRGB: displays the same on any screen.

White text
16.01:1Readable · AA
Lc -104
Black text
1.31:1Hard to read
Lc 0

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Also called: Navy

Palettes with Navy blue

Similar named colors

Questions about Navy blue

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.1%) and in OKLCH oklch(27.115% 0.18789 264.052).

What colors go well with Navy blue?

Its complementary color is #372200. For a calmer look, pair it with the analogous colors #002b48 and #320070. Ready palettes with Navy blue are shown on this page.

Is Navy blue a warm or cool color?

Navy blue is a cool color with an OKLCH hue of 264 degrees.

What text color is readable on Navy blue?

White text is more readable on Navy blue: white gives a contrast ratio of 16.01:1 and black gives 1.31:1. WCAG AA asks for at least 4.5:1 for body text.

About #000080

#000080 is a deep very dark blue color. In OKLCH it has 27.1% lightness, 0.188 chroma and a hue of 264°.

Inside sRGB: displays the same on any screen.

White text on it reaches 16.01:1 contrast and black text 1.31:1, so white text reads better.

The closest named color is Navy Blue (#000080). In Tailwind CSS the closest color is violet-950.

More very dark blue colors

Lighter: #000080 mixed with white

  1. 000080

Darker: #000080 mixed with black

  1. 000080

Calmer: #000080 with less saturation

  1. 000080

Similar named colors

Colors that go with #000080

Complementary
#000080
Analogous
#000080
Triadic
#000080
Split
#000080