Blue family
Navy Blue color
A very dark, rich blue leaning violet. The reference navy blue is #000080, as defined by the CSS named color.
| HEX | #000080 | |
|---|---|---|
| RGB | rgb(0, 0, 128) | |
| HSL | hsl(240, 100%, 25%) | |
| HSV | hsv(240, 100%, 50%) | |
| OKLCH | oklch(27.1% 0.188 264.1) | |
| CMYK* | 100, 100, 0, 50 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is navy blue?
Navy blue is a very dark blue, named after the uniforms of the British Royal Navy, which adopted it in 1748. The CSS keyword navy is #000080, blue at half strength. Survey respondents picked an even darker navy, close to black.
Navy Blue hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of navy blue in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Navy Blue | #001146 | xkcd Color Survey | Noticeably different · 58% similar |
| Navy Blue | #000080 | Color Names (meodai) | Same color |
| Navy | #000080 | CSS named color | Reference shown on this page |
| Navy | #01153E | xkcd Color Survey | Noticeably different · 52% similar |
| Navy | #01153E | Color Names (meodai) | Noticeably different · 52% similar |
Navy Blue vs Midnight Blue
#000080
#191970
CSS midnight blue is a touch lighter and grayer than navy. In numbers: the two are 79% similar (OKLab distance 0.054). See Midnight Blue for its own codes.
Colors similar to navy blue
The closest named colors to #000080 across all three sources, with their similarity in OKLab.
Tints and shades of navy blue
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with navy blue
Classic color-wheel combinations built on #000080, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Navy Blue with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a navy blue background, white text is the better choice.
Use navy blue in CSS
.navy-blue {
color: #000080;
/* or */ color: rgb(0 0 128);
/* or */ color: hsl(240 100% 25%);
/* or */ color: oklch(27.1% 0.188 264.1);
/* CSS keyword */ color: navy;
}