Navy #000080

Navy#000080 · rgb(0, 0, 128)

Navy color codes

CSS namenavy
HEX#000080
RGBrgb(0, 0, 128)
HSLhsl(240, 100%, 25%)
CMYKcmyk(100%, 100%, 0%, 50%)
Decimal128

Shades of Navy (darker)

#000073 · #000066 · #00005A · #00004D · #000040 · #000033 · #000026 · #00001A · #00000D

Tints of Navy (lighter)

#1A1A8D · #333399 · #4D4DA6 · #6666B3 · #8080C0 · #9999CC · #B3B3D9 · #CCCCE6 · #E6E6F2

Color harmonies

Complementary
#808000
Triadic
#800000, #008000
Analogous
#004080, #400080

Accessibility (WCAG contrast)

White text on Navy16.01:1 · AAA
Black text on Navy1.31:1 · Fail

Use Navy in code

.element {
  color: navy;          /* or #000080 */
  background-color: rgb(0 0 128 / 0.5);
}

Frequently asked questions

What is the hex code for Navy?

Navy is #000080 in HEX, rgb(0, 0, 128) in RGB and hsl(240, 100%, 25%) in HSL.

Can I use "navy" directly in CSS?

Yes. "navy" is one of the 148 standard CSS named colors, so color: navy; works in every browser.

Is Navy readable on white?

The contrast ratio of Navy on white is 16.01:1 (WCAG AAA). On black it is 1.31:1 (Fail).

What is the complementary color of Navy?

The complementary color (opposite on the color wheel) is #808000.

Similar colors

Dark Blue#00008BMidnight Blue#191970Indigo#4B0082Medium Blue#0000CDDark Slate Blue#483D8BDark Slate Gray#2F4F4FDark Slate Grey#2F4F4FRebecca Purple#663399

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.