#000080
Navy Blue
Navy blue is a very dark shade of blue, named after the dark blue uniforms worn by officers in the Royal Navy since 1748. It conveys authority, confidence, and professionalism.
Navy Blue Color Values
HEX#000080
RGB0, 0, 128
HSL240°, 100%, 25%
HSV240°, 100%, 50%
CMYK100%, 100%, 0%, 50%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #002683 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #001C7E (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #003249 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #2A2A2A (~0.003% of population)
Navy Blue as Text Color
Navy Blue on White
16.0:1AAA
Navy Blue on Light Gray
14.7:1AAA
Navy Blue on Cream
15.1:1AAA
Navy Blue on Dark
1.1:1FAIL
Navy Blue on Black
1.3:1FAIL
Navy Blue on Soft Blue
14.0:1AAA
Navy Blue on Soft Green
14.2:1AAA
Navy Blue on Soft Pink
13.3:1AAA
Nearest Tailwind Class
blue-900
#1E3A8A
Nearest Pantone Match
Pantone Reflex Blue
#001489
CSS Variable Export
:root {
--color-navy-blue: #000080;
--color-navy-blue-rgb: 0, 0, 128;
}Tailwind Config
// tailwind.config.js
colors: {
'navy-blue': '#000080',
}Shades of Navy Blue
#000080
#000070
#000061
#000057
#000047
#000038
#000029
#00001F
#00000F
#000000
Tints of Navy Blue
#000080
#0000A8
#0000D6
#0000FF
#2929FF
#5757FF
#8080FF
#A8A8FF
#D6D6FF
#FFFFFF
Color Harmonies
Complementary
#000080
#7F8000
Analogous
#004080
#000080
#400080
Triadic
#000080
#800000
#008000
Navy Blue Text Preview
Heading in Navy Blue
Body text in Navy Blue. The quick brown fox jumps over the lazy dog.
White on Navy Blue
Body text on a Navy Blue background.
Navy Blue text on dark background
Contrast: 1.1:1