Color code and palette
Navy Color
Navy is a deep, formal blue with the CSS value #000080. It carries much of black’s authority while retaining a cool blue character, making it a reliable base for professional palettes.
Navy
#000080
Color formats
The same base color in common web formats.
Shades
| Color | Name | HEX | RGB | HSL | Copy |
|---|---|---|---|---|---|
| Navy 50 | #E5E5FF | 229, 229, 255 | 240, 100%, 95% | ||
| Navy 100 | #B3B3FF | 179, 179, 255 | 240, 100%, 85% | ||
| Navy 200 | #8080FF | 128, 128, 255 | 240, 100%, 75% | ||
| Navy 300 | #4D4DFF | 77, 77, 255 | 240, 100%, 65% | ||
| Navy 400 | #1A1AFF | 26, 26, 255 | 240, 100%, 55% | ||
| Navy 500 | #0000E6 | 0, 0, 230 | 240, 100%, 45% | ||
| Navy 600 | #0000B3 | 0, 0, 179 | 240, 100%, 35% | ||
| Navy 700 | #000080 | 0, 0, 128 | 240, 100%, 25% | ||
| Navy 800 | #00004D | 0, 0, 77 | 240, 100%, 15% | ||
| Navy 900 | #00001A | 0, 0, 26 | 240, 100%, 5% |
Text contrast
These ratios use the WCAG relative luminance formula.
Aa White text 16.01:1
AAA
Aa Black text 1.31:1
Fail
Ways to use Navy
Financial and professional brands
Dark navigation and footer surfaces
Text paired with cream or pale blue
Colors that go with Navy
Color-wheel harmonies built from #000080. Click a swatch to copy it or open the set in the color wheel.
Split complementary
Open in color wheelA base plus the two neighbors of its complement — contrast with less tension.