Navy Color

Learn about Navy (#000080): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#000080
HEX #000080
RGB rgb(0, 0, 128)
HSL 240°, 100%, 25%

About Navy Color

Navy is a deep, authoritative blue that conveys professionalism and trust. It is a popular choice for corporate headers, legal sites, and finance apps.

Use Cases for Navy

corporate headerslegal sitesfinance appsgovernment portalspremium dark themes

Shades & Tints of Navy

#ffffff
#bfbfdf
#8080c0
#4040a0
#000080
#000060
#000040
#000020
#000000

Complementary Color

#000080
#808000

Analogous Colors

#004080
#000080
#400080

CSS Code

.navy-color {
  color: #000080;
}

Contrast Recommendations

Black text on Navy
Ratio: 1.31:1 ✗ Fails AA ✗ Fails AAA
White text on Navy
Ratio: 16.01:1 ✓ Passes AA ✓ Passes AAA

Related Colors

MidnightBlue
MediumBlue
RoyalBlue
SlateBlue

Related Tools

Frequently Asked Questions

What color is Navy?

Navy is represented by the hex code #000080 and has RGB values of rgb(0, 0, 128). It falls under the Blue category.

How to use Navy in web design?

Navy works well for corporate headers, legal sites, finance apps. Navy is a deep, authoritative blue that conveys professionalism and trust. It is a popular choice for corporate headers, legal sites, and finance apps. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Navy?

Colors that pair well with Navy include darkblue, midnightblue, mediumblue, royalblue, slateblue. For a complementary scheme, try #808000. For an analogous scheme, use #004080 and #400080.