Dark Blue Hex Codes: 54 Deep, dark shades
54 deep, dark shades of blue with names, hex codes, contrast on white and the best text color for each.
These are the deep, dark shades of blue in Tintly's color library: 54 of the 232 blue shades. Dark shades give text, headers and the base of a dark theme. They carry white text easily.
Dark blue shades with hex codes
| Name | Hex | On white | Text on it |
|---|---|---|---|
| Midnight | #03012D | 20.07:1 | #FFFFFF |
| Illicit Darkness | #00022E | 20.03:1 | #FFFFFF |
| Oblivion | #000435 | 19.64:1 | #FFFFFF |
| Void | #050D25 | 19.25:1 | #FFFFFF |
| Endless Galaxy | #000044 | 19.38:1 | #FFFFFF |
| Infinite Night | #071037 | 18.44:1 | #FFFFFF |
| Storm | #000B44 | 18.56:1 | #FFFFFF |
| Navy | #01153E | 17.82:1 | #FFFFFF |
| Oxford by Night | #001B2E | 17.55:1 | #FFFFFF |
| Ravenclaw | #0A0555 | 18.01:1 | #FFFFFF |
| Dark Knight | #151931 | 17.27:1 | #FFFFFF |
| Naval Night | #011C39 | 17.12:1 | #FFFFFF |
| Interstellar Blue | #001155 | 17.33:1 | #FFFFFF |
| Trapped Darkness | #0E1D32 | 16.92:1 | #FFFFFF |
| Alone in the Dark | #000066 | 17.61:1 | #FFFFFF |
| Midnight Dreams | #002233 | 16.44:1 | #FFFFFF |
| Midnight Mirage | #001F3F | 16.56:1 | #FFFFFF |
| Sombre Night | #161E34 | 16.54:1 | #FFFFFF |
| Nightwalker | #161D3B | 16.49:1 | #FFFFFF |
| Deep Blue | #040273 | 16.64:1 | #FFFFFF |
| Dark Eclipse | #112244 | 15.71:1 | #FFFFFF |
| Subnautical | #012253 | 15.49:1 | #FFFFFF |
| Dark Soul | #112255 | 15.17:1 | #FFFFFF |
| Midnight Ocean | #0F2D4D | 13.97:1 | #FFFFFF |
| Space Cadet | #1D2951 | 14.11:1 | #FFFFFF |
| Nordic Noir | #003344 | 13.48:1 | #FFFFFF |
| Marine | #042E60 | 13.41:1 | #FFFFFF |
| Beyond the Stars | #0A3251 | 13.22:1 | #FFFFFF |
| Sea of Stars | #0B334D | 13.16:1 | #FFFFFF |
| Blue Whale | #1E3442 | 12.92:1 | #FFFFFF |
| Into the Night | #1E3642 | 12.63:1 | #FFFFFF |
| Royal | #0C1793 | 13.46:1 | #FFFFFF |
| Astral Nomad | #203943 | 12.15:1 | #FFFFFF |
| Cobalt | #030AA7 | 13.08:1 | #FFFFFF |
| Atlantic Navy | #13336F | 12.13:1 | #FFFFFF |
| Lost in Space | #03386A | 11.81:1 | #FFFFFF |
| Space Dust | #002299 | 12.43:1 | #FFFFFF |
| Poseidon | #143C5D | 11.44:1 | #FFFFFF |
| Dark Galaxy | #0018A8 | 12.38:1 | #FFFFFF |
| Maniac Mansion | #004058 | 11.20:1 | #FFFFFF |
| Tardis Blue | #003B6F | 11.31:1 | #FFFFFF |
| Nautilus | #273C5A | 11.16:1 | #FFFFFF |
| Depths of the Nile | #253F4E | 11.05:1 | #FFFFFF |
| Cold and Dark | #154250 | 10.89:1 | #FFFFFF |
| Capital Blue | #1A4157 | 10.83:1 | #FFFFFF |
| Smalt | #003399 | 10.86:1 | #FFFFFF |
| Pi | #314159 | 10.33:1 | #FFFFFF |
| Aegean Blue | #1B416F | 10.33:1 | #FFFFFF |
| Royal Night | #2B3191 | 10.76:1 | #FFFFFF |
| Nightlife | #27426B | 10.10:1 | #FFFFFF |
| Mallard | #254855 | 9.82:1 | #FFFFFF |
| True Blue | #010FCC | 10.81:1 | #FFFFFF |
| Blue Funk | #2D4470 | 9.66:1 | #FFFFFF |
| Blue Hour | #0034AB | 10.09:1 | #FFFFFF |
How to use them
Use a dark shade for headings and body text on light pages, and as the background of a dark section with a light shade on top.
Standouts in this group
- Darkest: Midnight (#03012D), at 14% lightness.
- Lightest: Blue Hour (#0034AB), at 39% lightness.
- Most saturated: True Blue (#010FCC).
- Best text color on white: Midnight (#03012D), at 20.07:1.
What the numbers say
Across all 232 blue shades in the library, lightness runs from 14% to 93%. 122 of them reach 4.5 to 1 on white, so they can be used as text on a light page, and 107 reach 4.5 to 1 on near-black, so they can be used as text on a dark page. The rest are for fills, surfaces and large type, where the requirement is lower. Within the deep, dark shades the figures are different: 54 of 54 pass on white.
Pairing with other families
The base blue (#2463EB) separates best from beige (3.68:1), yellow (3.14:1) and orange (1.96:1). Because blue stands for sky, sea and trust, those pairings carry the most contrast of both color and meaning.
- Blue and beige: see the combinations in soft, bold and dark versions.
- Blue and yellow: see the combinations in soft, bold and dark versions.
- Blue and orange: see the combinations in soft, bold and dark versions.