Midnight blue color

A very dark blue, like a moonless night sky. It's a softer alternative to black. It's used for evening wear, bedrooms and elegant backgrounds.

Midnight blue · #191970

About midnight blue

Midnight blue (#191970) is a cool, dark, moderately saturated color. It belongs to the blues family. It mixes 25 red, 25 green and 112 blue (out of 255). It is mostly used in fashion, home decor, events.

Midnight blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

Midnight blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Olive green

AnalogousClose to: Prussian blue

TriadicClose to: Burgundy, Dark green

Split complementaryClose to: Sepia, Dark green

TetradicClose to: Wine, Olive green, Mexican flag green

Midnight blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Midnight blue

Analogous palette · Midnight blue

Complementary palette · Midnight blue

Triadic palette · Midnight blue

With neutrals palette · Midnight blue

With an accent palette · Midnight blue

Midnight blue contrast with text

White textContrast 14.8:1 · AAA

Black textContrast 1.4:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --midnight-blue: #191970;
  --midnight-blue-rgb: 25, 25, 112;
}
.bg { background-color: var(--midnight-blue); }
.text { color: var(--midnight-blue); }

Colors similar to midnight blue

Klein blue Indigo Cobalt blue Navy blue Ultramarine Sapphire blue Dark blue Grape purple Ultra violet Denim blue

Themed palettes with this color

More blues

Blue Navy blue Sky blue Cobalt blue Sapphire blue Steel blue Royal blue Electric blue Ultramarine French blue Prussian blue Pastel blue Baby blue Denim blue Klein blue Dark blue Light blue Cerulean

Frequently asked questions

What is the hex code for midnight blue?

The hex code for midnight blue is #191970. In RGB it is rgb(25, 25, 112), in HSL hsl(240, 64%, 27%) and in CMYK 78, 78, 0, 56.

What is the complementary color of midnight blue?

Its complement on the color wheel is #707019, close to olive green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on midnight blue?

Yes. The contrast with white is 14.8:1, enough for body text (WCAG AA).