Navy Color — HEX, RGB, HSL, Palettes & Contrast

Navy (#000080): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

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

Use Navy in Your Projects

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

Triadic Colors

#000080
#800000
#008000

Split Complementary

#000080
#804000
#408000

Tetradic Colors

#000080
#800080
#808000
#008000

CSS Code

.navy-color {
  color: #000080;
  background-color: #000080;
}

/* As a CSS custom property */
:root {
  --color-navy: #000080;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

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

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. For a triadic scheme, combine with #800000 and #008000.