Navy
#000080 · rgb(0, 0, 128) · hsl(240, 100%, 25%)
Complementary colors
#000080 · #808000Analogous colors
#004080 · #000080 · #400080Triadic colors
#000080 · #800000 · #008000Split-complementary colors
#000080 · #804000 · #408000Tetradic colors
#000080 · #800040 · #808000 · #008040Monochromatic colors
#00004d · #0000a3 · #0000ff · #5c5cff · #b3b3ffReady-made palettes with Navy
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#000080 · #808000 · #0d0df2 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#004080 · #000080 · #400080 · #0d0df2 · #000000
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#000080 · #800000 · #008000 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#ebebff · #7a7aff · #0505ff · #000094 · #00001f
If you are wondering what colors go with Navy, start with its opposite on the wheel — a complementary #808000 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Navy's complementary color is #808000. Analogous neighbors, triadic accents and monochromatic tints of the same hue all pair naturally with it too.
Must-know facts
- Every swatch row is a complete scheme you can copy straight into CSS.
- The color wheel can regenerate these harmonies for any base you like.
Related tools
These color tools pair naturally with the one you just used — keep exploring.