Color Codes › Shades of Navy
Shades of navy
A full palette of navy — shades (toward black), tints (toward white) and tones (toward grey) — each with its hex and RGB code. Click any swatch to copy.
#1E3A8A
Shades of navy
Navy mixed with black — darker and deeper.
#1E3A8A
rgb(30, 58, 138)
#1B357D
rgb(27, 53, 125)
#192F71
rgb(25, 47, 113)
#162A64
rgb(22, 42, 100)
#132558
rgb(19, 37, 88)
#10204B
rgb(16, 32, 75)
#0E1A3F
rgb(14, 26, 63)
#0B1532
rgb(11, 21, 50)
#081026
rgb(8, 16, 38)
#050B19
rgb(5, 11, 25)
#03050D
rgb(3, 5, 13)
#000000
rgb(0, 0, 0)
Tints of navy
Navy mixed with white — lighter and softer.
#1E3A8A
rgb(30, 58, 138)
#324C95
rgb(50, 76, 149)
#475E9F
rgb(71, 94, 159)
#5B70AA
rgb(91, 112, 170)
#7082B5
rgb(112, 130, 181)
#8494BF
rgb(132, 148, 191)
#99A5CA
rgb(153, 165, 202)
#ADB7D4
rgb(173, 183, 212)
#C2C9DF
rgb(194, 201, 223)
#D6DBEA
rgb(214, 219, 234)
#EBEDF4
rgb(235, 237, 244)
#FFFFFF
rgb(255, 255, 255)
Tones of navy
Navy mixed with grey — muted and subtle.
#1E3A8A
rgb(30, 58, 138)
#274089
rgb(39, 64, 137)
#304788
rgb(48, 71, 136)
#394D87
rgb(57, 77, 135)
#425386
rgb(66, 83, 134)
#4B5A85
rgb(75, 90, 133)
#536085
rgb(83, 96, 133)
#5C6784
rgb(92, 103, 132)
#656D83
rgb(101, 109, 131)
#6E7382
rgb(110, 115, 130)
#777A81
rgb(119, 122, 129)
#808080
rgb(128, 128, 128)
Shades, tints and tones explained
Starting from a base navy (#1E3A8A), a shade adds black, a tint adds white, and a tone adds grey. Together they give you a coherent navy palette — useful for hover states, backgrounds, borders and accessible text.
Want a different starting navy? Open the colour picker, choose your exact navy, and it will generate fresh shades and tints, or convert any of the codes above to OKLCH, HSL or CMYK.
What are the shades of navy?
Navy mixed with increasing amounts of black, giving progressively darker versions. Tints use white, tones use grey.
What is the hex code for navy?
A common navy is #1E3A8A, but navy spans the whole range shown above.
Popular colours
Sage green
Navy blue
Teal
Coral
Burgundy
Terracotta
Mint green
Shades of blue
Shades of pink
All colour codes →