RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, Midnight Blue often represents depth, wisdom, and stability, while in Eastern traditions, it can signify mourning and introspection. The color is frequently associated with the night, embodying both mystery and serenity.
The term 'midnight blue' gained prominence in the 19th century, notably used by the artist Pablo Picasso in his 'Blue Period' from 1901 to 1904, where he explored themes of sorrow and introspection. The name itself reflects the deep hue reminiscent of the night sky, contrasting with the vibrant colors of daylight.
Ranked by CIE76 ΔE — the perceptual distance from Midnight Blue. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 45 Blues →Nine steps of Midnight Blue by lightness — from #0D0D3A (darkest) to #8787B5 (lightest). Click any to copy.
Sitting opposite Midnight Blue at 60° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Midnight Blue.
Brands and institutions known for using Midnight Blue.
A 50–900 tonal scale with Midnight Blue anchored at 500 — ready to drop into a design system. Click any step to copy.
Works well as text on light backgrounds; fails on dark.
Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.
Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.
color: midnightblue; color-mix(in srgb, midnightblue 70%, white) 240°, 78%, 44% 78, 78, 0, 56 1644912 #000066 How Midnight Blue appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.