Midnight Blue #191970

Midnight blue is a very dark, slightly muted blue, defined in CSS as #191970. A touch of red and green in the mix makes it feel softer than pure navy while sitting nearly as close to black. The name says what it looks like: the sky late at night, just before it turns fully dark.

#191970 is the CSS named color midnightblue.

#191970

Midnight Blue color codes
HEX	`#191970`
RGB	`rgb(25, 25, 112)`
HSL	`hsl(240, 64%, 27%)`
HSV	`hsv(240, 78%, 44%)`
CMYK	`cmyk(78%, 78%, 0%, 56%)`

Make a palette with Midnight Blue What goes with it

Text on Midnight Blue

White text reads better on Midnight Blue. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

14.84:1 · AAA

Black text

The quick brown fox jumps over the lazy dog.

1.41:1 · Fail

Colors that go with Midnight Blue

#FFD700GoldStarlit, luxurious contrast for invitations and packaging.#C0C0C0SilverCool moonlight accent that keeps things elegant.#F7E7CEChampagneSoft warm neutral for evening and bridal themes.#DE5D83Blush PinkRomantic, modern counterpoint to the deep blue.#FFFFF0IvoryWarmer than white for readable, classic text.

Midnight Blue tints and shades

Tints mix Midnight Blue with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#3C3C85

#5E5E9B

#8181B0

#A3A3C6

#C6C6DB

Shades

#15155F

#12124E

#0E0E3E

#0A0A2D

#06061C

Midnight Blue color schemes

Color-wheel harmonies built by rotating the hue of #191970 and keeping its saturation and lightness.

Complementary

#191970

#707019

Analogous

#194570

#191970

#451970

Triadic

#191970

#701919

#197019

Split complementary

#191970

#704519

#457019

Tetradic

#191970

#701945

#707019

#197045

Midnight Blue color meaning

Midnight blue carries the mood of night: quiet, private, a little mysterious. Unlike black, it keeps some color, so it suggests depth and stillness instead of absence. Astronomy, sleep, and luxury brands use it for that reason.

In formal wear it is a long-established alternative to black. Midnight blue dinner jackets and evening gowns read as elegant and a touch less severe, and under low evening light the difference from black can be hard to spot.

The color also signals intelligence and calm authority, much like navy, but with a more romantic edge. It suits stationery for evening events, book jackets for literary fiction, and packaging for fragrances or candles, where a sense of quiet indulgence matters more than energy.

How to use Midnight Blue in design

Midnight blue is one of the better choices for a dark mode background. It is easier on the eyes than pure black, and white, cream, or soft gold text reads clearly on it. Avoid blue or purple links on it; use a light cyan, warm yellow, or underlined white instead.

Starry night themes, premium packaging, and evening event invitations all suit it. In interiors, a midnight blue wall or velvet sofa pairs well with brass and walnut. Placed right beside black, it can look like a mistake, so separate the two.

Palettes with Midnight Blue tones

Curated palettes with a color close to #191970.

Indigo Ink Night Owl Dusk Arctic Blue Midnight Blue Ink Drop

Colors similar to Midnight Blue

#000080Navy Blue #00008BDark Blue #4B0082Indigo #301934Dark Purple #2A3439Gunmetal #0047ABCobalt Blue

Work with Midnight Blue

Palette generatorBuild a palette around #191970 Contrast checkerTest text on this color Tint and shade generatorA full scale for CSS or Tailwind Color wheelEvery harmony for this hue Color pickerAdjust it and convert formats Color mixerBlend it with another color

Midnight Blue FAQ

What is the difference between midnight blue and navy blue?

Midnight blue (#191970) has small amounts of red and green mixed in, which makes it slightly duller and less intense. Navy (#000080) is pure blue at half strength, so it is more saturated. In practice midnight blue looks closer to a night sky, and navy looks like a uniform.

Is midnight blue good for a dark mode theme?

Yes. A very dark blue is gentler than pure black, cuts glare, and still gives white text strong readability. Midnight blue works well as the base, with slightly lighter blues for cards and panels. Keep links and highlights in light, warm, or cyan tones so they do not sink into the background.