Midnight Blue is a dark, saturated shade in the blue color family, with a cool feel. Its HEX code is #191970, which equals rgb(25, 25, 112) in RGB and hsl(240, 64%, 27%) in HSL. In print terms it converts to roughly C78 M78 Y0 K56, although exact CMYK results depend on the paper and color profile.
- HEX
#191970 - RGB
25, 25, 112 - HSL
240°, 64%, 27% - CMYK
78, 78, 0, 56 - Family
Blue - Tone
Dark, saturated
About Midnight Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 14.85:1. Its complementary color is #717119.
Download Midnight Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Midnight Blue color codes
| HEX | #191970 |
|---|---|
| RGB | rgb(25, 25, 112) |
| HSL | hsl(240, 64%, 27%) |
| HSV | 240°, 78%, 44% |
| CMYK | 78%, 78%, 0%, 56% |
| Decimal | 1644912 |
Shades and tints of Midnight Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D9D9E7 - 100
#B2B2CF - 200
#8C8CB8 - 300
#6666A0 - 400
#3F3F88 - 500
#191970 - 600
#15155D - 700
#11114B - 800
#0D0D38 - 900
#080825 - 950
#040413
Color harmonies for Midnight Blue
- Complementary
#717119≈ Dark Soft Yellow - Analogous −30°
#194571≈ Dark Soft Cerulean - Analogous +30°
#451971≈ Dark Soft Violet - Triadic +120°
#711919≈ Dark Soft Red - Triadic +240°
#197119≈ Dark Soft Green - Split 150°
#714519≈ Sepia - Split 210°
#457119≈ Dark Soft Apple
Contrast and accessibility of Midnight Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Midnight Blue | Aa | 14.85:1 | AAA (excellent) |
| Black text on Midnight Blue | Aa | 1.41:1 | Fails |
CSS code for Midnight Blue
background-color: #191970;color: #191970;background-color: rgb(25, 25, 112);background-color: hsl(240, 64%, 27%);:root { --color-midnight-blue: #191970; }class="bg-[#191970]"Colors similar to Midnight Blue
- Dark Soft Blue
#1B1B6A - Dark Soft Ultramarine
#221B6A - Dark Soft Royal
#1B226A - Dark Bright Royal
#0D1877 - Dark Bright Ultramarine
#180D77 - Dark Soft Indigo
#2A1B6A - Dark Bright Cobalt
#0D2277 - Dark Bright Indigo
#220D77 - Dark Bright Blue
#0D0D77 - Dark Soft Cobalt
#1B2A6A - Dark Soft Iris
#321B6A - Dark Bright Iris
#2D0D77
More blue shades
- Sky Blue
#87CEEB - Deep Sky Blue
#00BFFF - Dodger Blue
#1E90FF - Royal Blue
#4169E1 - Blue
#0000FF - Navy
#000080 - Cadet Blue
#5F9EA0 - Cornflower Blue
#6495ED - Dark Blue
#00008B - Dark Cyan
#008B8B - Dark Slate Blue
#483D8B
Frequently asked questions
What is the HEX code for Midnight Blue?
The HEX code for Midnight Blue is #191970.
What is the RGB value of Midnight Blue?
Midnight Blue has an RGB value of 25, 25, 112 (rgb(25, 25, 112)). In HSL it is 240°, 64%, 27%.
What text color should I use on Midnight Blue?
Use white text on Midnight Blue. White text has a contrast ratio of 14.85:1 and black text has 1.41:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Midnight Blue?
The complementary color of Midnight Blue is #717119. Analogous colors #194571 and #451971 also pair well.