Midnight Blue
Authoritative and deep midnight blue tone
Midnight Blue is a near-black shade that carries significant weight. As a dominant background color, #020035 provides an authoritative, moody atmosphere perfect for tech or law enforcement branding. This hex code offers excellent contrast with white, ensuring small text remains readable. Use it carefully, as the darkness can swallow fine details that would stand out on lighter, brighter backgrounds.
About Midnight Blue
The last blue before the dark takes over
What does midnight blue mean?
It commonly suggests late night, formal dress codes, deep water, and quiet authority. Its near-black lightness and low saturation give it a shut-door feeling, cold and still, with almost no color left.
Where you see midnight blue
- midnight sky away from city lights
- dark denim in shadow
- deep sea water at dusk
- blackened steel
- ink in a fountain pen bottle
- a slate roof at night
What it works for
It works as a darker substitute for navy in evening wear, moody interiors, and low-light interface themes.
What colors go with midnight blue?
Dusty Rose #b56f76The faded pink warms the blue without brightening it, like embroidery on dark wool.Old Gold #cfb53bMuted yellow reads as brass fittings against the near-black blue.Parchment #fefcafA warm paper tone keeps the dark blue from feeling completely airless.Burnt Sienna #a93400The rusty orange sits opposite on the wheel and holds its own against the dark.Sage #9caf88A grayed green softens the cold blue and adds a hint of life.Charcoal #36454fPairing two near-blacks builds depth through temperature instead of lightness.
Questions about Midnight Blue
What is the hex code for Midnight Blue?
Midnight Blue is #020035. In RGB that is rgb(2, 0, 53), in HSL hsl(242, 100%, 10%) and in CMYK 96%, 100%, 0%, 79%.
How should I use #020035 in web design?
#020035 works best as a primary background or a dark branding element where you need high contrast. Because it is so dark, pair it with crisp whites or very bright accent colors to ensure your text and UI elements remain legible.
Is Midnight Blue readable on white or black?
Midnight Blue has a 19.92:1 contrast ratio on white and 1.05: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.