Midnight Blue
Online color picker to view shades, tints, color codes, and complementary colors
Midnight Blue is a near-black indigo that feels authoritative and serious. This heavy, muted shade works best as a primary background color for dark UI modes, as its deep saturation provides excellent readability for white typography. The hex code for Midnight Blue is #191970. Because it is so dark, avoid pairing it with other deep colors to keep the design from feeling muddy.
About Midnight Blue
The deep end of the pool at dusk
What does midnight blue mean?
Midnight blue commonly suggests night skies, deep water, and quiet hours after dark. Its very low lightness makes it heavy and enclosed, while the strong blue undertone keeps it cool instead of warm.
Where you see midnight blue
- midnight sky
- deep ocean water
- navy wool coats
- ink in a fountain pen
- denim in low light
- police uniforms
What it works for
Use it when a design needs depth without black, such as night scenes, evening schedules, or dense data panels.
What colors go with midnight blue?
Cream #fffdd0Warm cream text reads clearly against this dark ground without turning the page harsh.Mustard #ffdb58Mustard carries enough weight to match the darkness while adding a warm offset.Dusty Rose #b56f76The muted pink softens the depth and keeps the pairing from feeling severe.Teal #008080Teal sits next to it on the wheel, giving a cool gradient with real contrast.Gold #ffd700Gold against near-black blue is a classic night-sky pairing with built-in drama.Peach #ffe5b4Peach reads like sunset light bleeding into a dark horizon.
Questions about Midnight Blue
What is the hex code for Midnight Blue?
Midnight Blue is #191970. In RGB that is rgb(25, 25, 112), in HSL hsl(240, 64%, 27%) and in CMYK 78%, 78%, 0%, 56%.
Does Midnight Blue lean warm or cool?
Midnight Blue is definitively cool-toned, carrying deep indigo undertones that distinguish it from standard black or gray. This inherent coolness makes it a stable choice for corporate branding or financial software where trust, authority, and calm professional focus are prioritized.
Is Midnight Blue readable on white or black?
Midnight Blue has a 14.84:1 contrast ratio on white and 1.41:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.