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.
HEX
#000080 RGB
rgb(0, 0, 128) HSL
hsl(240, 100%, 25%) OKLCH
oklch(27.0% 0.188 264.0) 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.
Shades
| Color | Name | Hex | |
|---|---|---|---|
| Navy 50 | #E5E5FF | ||
| Navy 100 | #B3B3FF | ||
| Navy 200 | #8080FF | ||
| Navy 300 | #4D4DFF | ||
| Navy 400 | #1A1AFF | ||
| Navy 500 | #0000E6 | ||
| Navy 600 | #0000B3 | ||
| Navy 700 | #000080 | ||
| Navy 800 | #00004D | ||
| Navy 900 | #00001A |
Triadic color harmony
Three evenly spaced hues create a colorful but balanced starting palette.
Text contrast
These ratios use the WCAG relative luminance formula.
White textNaN:1
Black textNaN:1
Ways to use navy
01
Financial and professional brands
02
Dark navigation and footer surfaces
03
Text paired with cream or pale blue