- No data uploaded
- Instant results
Navy — #000080
Navy is the CSS named colour navy, hex #000080. It has a contrast ratio of 16.01:1 on white and 1.31:1 on black — readable as text on white backgrounds (WCAG AA).
Navy — #000080
Contrast on white 16.01:1 · on black 1.31:1
Tints
Shades
Complementary
Triadic
Analogous
Using Navy in code
CSS: color: navy; or color: #000080; · Tailwind: text-[#000080] · Android/Flutter: 0xFF000080
Navy colour harmonies
Complementary: #808000 · Triadic: #800000, #008000 · Analogous: #004080, #400080. Use tints for backgrounds and shades for hover states.
Navy in every colour format
| Format | Value |
|---|---|
| HEX | #000080 |
| RGB | rgb(0, 0, 128) |
| HSL | hsl(240, 100%, 25%) |
| HSV | hsv(240, 100%, 50%) |
| CMYK | cmyk(100%, 100%, 0%, 50%) |
| CSS name | navy |
| Contrast on white | 16.01:1 |
| Contrast on black | 1.31:1 |
Frequently asked questions
What is the hex code for Navy?
#000080 (CSS name: navy).
What is Navy in RGB?
rgb(0, 0, 128)
What colour goes well with Navy?
Its complementary colour #808000, or the analogous #004080 and #400080.