Navy Blue#000080
Navy Blue Hex Code: #000080
Navy Blue is a very dark, vivid blue. Its OKLCH lightness is 27% and chroma 0.188. Text on this color reads best in white (contrast 16.01:1).
Also called: Navy
| HEX | #000080 |
|---|---|
| RGB | rgb(0, 0, 128) |
| HSL | hsl(240, 100%, 25%) |
| HSV / HSB | hsv(240, 100%, 50%) |
| CMYK | cmyk(100%, 100%, 0%, 50%) |
| OKLCH | oklch(27.1% 0.188 264.1) |
Contrast
White text16.01:1
AAAA largeAAA
Black text1.31:1
AAAA largeAAA
On white16.01:1
AAAA largeAAA
On black1.31:1
AAAA largeAAA
Tints
Shades
Matching colors
Complementary
Analogous
Split complementary
Similar named colors
Code
| CSS | color: #000080; |
|---|---|
| Tailwind | bg-[#000080] |
| SwiftUI | Color(red: 0, green: 0, blue: 0.502) |
| Android | Color.parseColor("#000080") |
| Flutter | Color(0xFF000080) |
Navy Blue has the same value as the CSS named color navy, as defined in W3C CSS Color Module Level 4.
Frequently asked questions
What is the hex code for navy blue?
Navy Blue is #000080 in hex and rgb(0, 0, 128) in RGB.
What is navy blue in CMYK?
With the plain conversion formula it is cmyk(100, 100, 0, 50). For print, convert with your printer's ICC profile instead.
What text color works on navy blue?
White text has the higher contrast at 16.01:1, which passes WCAG AA for normal text (4.5:1).