Dark Blue Shades
Deep blues from midnight to navy. Dark blues are the formal, trustworthy end of the spectrum — corporate, financial and night UI.
darkbluedeep26 colors
Anchor: Navy Blue #1B2A4A
hue 221° · HSL(47%, 20%) · best text on it: #FFFFFF (14.2:1)
All dark blue shades
Navy Blue
#1B2A4A
hsl(221, 47%, 20%) · rgb(27, 42, 74)
Midnight Blue
#191970
hsl(240, 64%, 27%) · rgb(25, 25, 112)
Darkblue
#00008B
hsl(240, 100%, 27%) · rgb(0, 0, 139)
Navy
#000080
hsl(240, 100%, 25%) · rgb(0, 0, 128)
Dark Royal Blue
#02066F
hsl(238, 96%, 22%) · rgb(2, 6, 111)
Darkblue (survey)
#030764
hsl(238, 94%, 20%) · rgb(3, 7, 100)
Dark
#1B2431
hsl(215, 29%, 15%) · rgb(27, 36, 49)
Royal
#0C1793
hsl(235, 85%, 31%) · rgb(12, 23, 147)
Twilight Blue
#0A437A
hsl(209, 85%, 26%) · rgb(10, 67, 122)
Dark Grey Blue
#29465B
hsl(205, 38%, 26%) · rgb(41, 70, 91)
Night Blue
#040348
hsl(241, 92%, 15%) · rgb(4, 3, 72)
Dark Indigo
#1F0954
hsl(258, 81%, 18%) · rgb(31, 9, 84)
Midnight
#03012D
hsl(243, 96%, 9%) · rgb(3, 1, 45)
Dark Navy Blue
#00022E
hsl(237, 100%, 9%) · rgb(0, 2, 46)
Dark Navy
#000435
hsl(235, 100%, 10%) · rgb(0, 4, 53)
Light Navy
#155084
hsl(208, 73%, 30%) · rgb(21, 80, 132)
Very Dark Blue
#000133
hsl(239, 100%, 10%) · rgb(0, 1, 51)
Marine
#042E60
hsl(213, 92%, 20%) · rgb(4, 46, 96)
Prussian Blue
#004577
hsl(205, 100%, 23%) · rgb(0, 69, 119)
Darkish Blue
#014182
hsl(210, 98%, 26%) · rgb(1, 65, 130)
Marine Blue
#01386A
hsl(209, 98%, 21%) · rgb(1, 56, 106)
Midnight Blue (survey)
#020035
hsl(242, 100%, 10%) · rgb(2, 0, 53)
Deep Blue
#040273
hsl(241, 97%, 23%) · rgb(4, 2, 115)
Navy (survey)
#01153E
hsl(220, 97%, 12%) · rgb(1, 21, 62)
Navy Blue (survey)
#001146
hsl(225, 100%, 14%) · rgb(0, 17, 70)
Dark Blue
#00035B
hsl(238, 100%, 18%) · rgb(0, 3, 91)
Explore more
Pastel Colors
Dark Colors
Muted Colors
Vibrant Colors
Warm Gray Colors
Cool Gray Colors
Cream Colors
Off White Colors
Membership thresholds are defined in src/lib/color/collections.ts and verified by unit tests. Under deuteranopia this collection shifts to #172949 for its anchor.