MidnightBlue Color — HEX, RGB, HSL, Palettes & Contrast

MidnightBlue (#191970): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#191970
HEX #191970
RGB rgb(25, 25, 112)
HSL 240°, 64%, 27%

Use MidnightBlue in Your Projects

About MidnightBlue Color

MidnightBlue is a very dark blue that evokes the night sky. It creates a sophisticated, calm atmosphere ideal for dark mode interfaces and luxury brands.

Use Cases for MidnightBlue

dark modeluxury brandsnight themessophisticated headersspace themes

Shades & Tints of MidnightBlue

#ffffff
#c6c6db
#8c8cb8
#535394
#191970
#131354
#0d0d38
#06061c
#000000

Complementary Color

#191970
#717119

Analogous Colors

#194571
#191970
#451971

Triadic Colors

#191970
#711919
#197119

Split Complementary

#191970
#714519
#457119

Tetradic Colors

#191970
#711971
#717119
#197119

CSS Code

.midnightblue-color {
  color: #191970;
  background-color: #191970;
}

/* As a CSS custom property */
:root {
  --color-midnightblue: #191970;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on MidnightBlue
Ratio: 1.41:1 ✗ Fails AA ✗ Fails AAA
White text on MidnightBlue
Ratio: 14.85:1 ✓ Passes AA ✓ Passes AAA

Frequently Asked Questions

What color is MidnightBlue?

MidnightBlue is represented by the hex code #191970 and has RGB values of rgb(25, 25, 112). It falls under the Blue category.

How to use MidnightBlue in web design?

MidnightBlue works well for dark mode, luxury brands, night themes. MidnightBlue is a very dark blue that evokes the night sky. It creates a sophisticated, calm atmosphere ideal for dark mode interfaces and luxury brands. Use it as a primary color, accent, or background depending on your design needs.

What colors go with MidnightBlue?

Colors that pair well with MidnightBlue include navy, darkblue, darkslateblue, indigo, black. For a complementary scheme, try #717119. For an analogous scheme, use #194571 and #451971. For a triadic scheme, combine with #711919 and #197119.