Navy Blue hex code
The hex code for navy blue is #000080. In RGB that is rgb(0, 0, 128) and in HSL it is hsl(240, 100%, 25%).
The hex code for navy blue is #000080. In RGB that is rgb(0, 0, 128) and in HSL it is hsl(240, 100%, 25%).
Navy Blue · #000080
Colour codes
- HEX
- #000080
- RGB
- rgb(0, 0, 128)
- HSL
- hsl(240, 100%, 25%)
- CMYK
- 100, 100, 0, 50
- CSS name
- navy
- Contrast on white
- 16.01:1
- Contrast on black
- 1.31:1
Tints and shades
20% lighter · #333399
40% lighter · #6666b3
60% lighter · #9999cc
80% lighter · #cccce6
20% darker · #000066
40% darker · #00004d
60% darker · #000033
80% darker · #00001a
Complementary colour
Navy Blue · #000080
Opposite on the colour wheel · #808000
Frequently asked questions
What is the hex code for navy blue?
The hex code for navy blue is #000080. In RGB that is rgb(0, 0, 128) and in HSL it is hsl(240, 100%, 25%).
Can I use navy blue for text?
It has a contrast ratio of 16.01:1 on white and 1.31:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with navy blue?
Its complementary colour, opposite on the colour wheel, is #808000. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of navy blue instead.
Is navy blue a CSS colour name?
Yes. CSS accepts the keyword navy, so color: navy and color: #000080 render exactly the same.