UI Shades

A study in blue

Midnight Blue

#191970

also known as midnight-blue

Family
Blue
L
0.288
C
0.144
H
273°

Notes

Midnight Blue is the deep, slightly purple-leaning navy of a clear night sky away from city lights. The CSS hex is one of the darker named colors in the spec and sits between Navy and Dark Slate Blue. Heritage brands in finance, aviation, and luxury use it as a primary identity colour. Pair with cream for warmth, or with warm brass for a luxury accent. Against white it passes AAA body text contrast comfortably and works well for long-form reading. The slight purple lean distinguishes it from pure Navy in side-by-side viewing, though the difference is subtle enough that the two are often interchangeable.

#191970
Midnight Blue
Midnight Blue
#191970
oklch(0.288 0.144 272.76)
rgb(25 25 112)
hsl(240 63.5% 26.9%)
Share
#f4f9ff
#ecf3ff
#d8e4ff
#c1d1ff
#97adff
#6378ff
#4e5cf1
#3e46d1
#2b2f9f
#191970
#0c0c43

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Midnight Blue

Cross-reference
Q&A

Frequently asked questions

What is Midnight Blue?

Midnight Blue is the deep, slightly purple-leaning navy of a clear night sky away from city lights. The CSS hex is one of the darker named colors in the spec and sits between Navy and Dark Slate Blue. Its hex code is #191970.

What are the tints and shades of Midnight Blue?

uishades builds an 11-step OKLCH ramp for Midnight Blue (#191970) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Midnight Blue?

Its complementary color is #382900. Triadic partners are #5D0000 and #00380D; analogous neighbours are #3A0663 and #002D57.

What are the OKLCH and RGB values of Midnight Blue?

Midnight Blue is #191970 - OKLCH 0.288 0.144 273°, rgb(25 25 112), in the blue family. Also known as midnight-blue.