Blue color

Midnight Blue #191970

#191970 · rgb(25, 25, 112)

Midnight Blue is the color #191970. In RGB it is rgb(25, 25, 112) — 10% red, 10% green and 44% blue. Its CMYK breakdown is 78% cyan, 78% magenta, 0% yellow and 56% black, and in HSL it sits at 240° hue, 64% saturation and 27% lightness. Midnight Blue is one of the 140 standard CSS / HTML color names, so color: midnight-blue works in CSS. The closest web-safe color is #000066.

Open in color picker Convert Make a palette Check contrast

Midnight Blue color codes

Hex#191970
RGBrgb(25, 25, 112)
RGB %10%, 10%, 44%
HSLhsl(240, 64%, 27%)
HSV / HSBhsv(240, 78%, 44%)
CMYKcmyk(78%, 78%, 0%, 56%)
OKLCHoklch(29% 0.144 273)
Closest web-safe#000066

Midnight Blue color meaning

Midnight Blue is a deep and serious blue — a cool color at 27% lightness and 64% saturation. Like other blues, it is linked with trust, calm and dependability. It is the most widely liked color, which is why banks, tech companies and healthcare brands lean on it.

Because it is deep and serious, midnight blue works best for text, headings, luxury branding, accent walls and evening wear. It is dark enough to use for text on a white page (14.8:1 contrast).

What colors go with Midnight Blue?

Midnight Blue pairs well with Dark Olive Green, Dark Slate Blue, Indigo and Linen: Dark Olive Green sits close to its opposite on the color wheel for strong contrast, Dark Slate Blue and Indigo are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

ComplementaryDark Olive Green#556B2FAnalogousDark Slate Blue#483D8BAnalogousIndigo#4B0082Neutral partnerLinen#FAF0E6

Build a full scheme around midnight blue in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Midnight Blue at a glance

Color familyBlue · cool, deep and serious
CSS color nameYes — midnightblue works in CSS
As text on white14.85:1 — passes WCAG AAA
Best text on itWhite (14.85:1)
For print (CMYK)78% cyan, 78% magenta, 0% yellow, 56% black
Full screenOpen the midnight blue screen — fill your display or download it in 4K

Contrast

Contrast ratio of Midnight Blue against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 14.85:1 Black text — 1.41:1

Shades, tints & tones

Shades — toward black
Tints — toward white
Tones — toward gray

Color harmonies

Complementary
Analogous
Split-complementary
Triadic
Tetradic
Square
Rainbow

Colors similar to Midnight Blue

Navy#000080Dark Blue#00008BPrussian Blue#003153Indigo#4B0082Dark Slate Blue#483D8BGunmetal#2A3439

Midnight Blue color FAQ

What is the hex code for Midnight Blue?

Midnight Blue is #191970, which is rgb(25, 25, 112) and hsl(240, 64%, 27%). For print it is roughly C78 M78 Y0 K56.

What colors go with Midnight Blue?

Midnight Blue pairs well with Dark Olive Green, Dark Slate Blue, Indigo, Linen. Dark Olive Green gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Midnight Blue a warm or cool color?

Midnight Blue is a cool color: its hue is 240°, on the green, blue and violet side of the color wheel.

What text color looks best on Midnight Blue?

White text, with a contrast ratio of 14.8:1, which meets WCAG AA for normal text. Midnight Blue itself is also readable as text on white (14.8:1).