What colors go well with midnight blue?

Midnight Blue pairs with its complementary colour #707019 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Midnight Blue Color — Hex Code #191970, RGB, Palettes & CSS

Q: What is the hex code for midnight blue?

Midnight Blue is commonly #191970, which is rgb(25, 25, 112). Like most descriptive colour names it covers a small range, but this is a widely used value.

Midnight Blue colour codes

Hex

#191970

RGB

rgb(25, 25, 112)

HSL

hsl(240, 64%, 27%)

HSV

hsv(240, 78%, 44%)

OKLCH

oklch(0.29 0.14 273)

CMYK

cmyk(78%, 78%, 0%, 56%)

Complementary palette

Midnight Blue with its opposite on the colour wheel.

#191970

rgb(25, 25, 112)

#707019

rgb(112, 112, 25)

Triad palette

Midnight Blue with two evenly-spaced partners.

#191970

rgb(25, 25, 112)

#701919

rgb(112, 25, 25)

#197019

rgb(25, 112, 25)

Monochromatic palette

Lighter and darker versions of midnight blue at the same hue.

#0E0E3F

rgb(14, 14, 63)

#131356

rgb(19, 19, 86)

#18186C

rgb(24, 24, 108)

#1C1C7D

rgb(28, 28, 125)

Lighter tints

Midnight Blue toward white.

#191970

rgb(25, 25, 112)

#3A3A84

rgb(58, 58, 132)

#5B5B99

rgb(91, 91, 153)

#7C7CAD

rgb(124, 124, 173)

#9C9CC2

rgb(156, 156, 194)

#BDBDD6

rgb(189, 189, 214)

#DEDEEB

rgb(222, 222, 235)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Midnight Blue toward black.

#191970

rgb(25, 25, 112)

#151560

rgb(21, 21, 96)

#121250

rgb(18, 18, 80)

#0E0E40

rgb(14, 14, 64)

#0B0B30

rgb(11, 11, 48)

#070720

rgb(7, 7, 32)

#040410

rgb(4, 4, 16)

#000000

rgb(0, 0, 0)

About midnight blue

A very dark blue, almost black. Calm and deep, it suits night themes, dark UI and elegant branding. The value shown here (#191970) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with midnight blue

The complementary colour (#707019) sits opposite midnight blue on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using midnight blue in your design

For CSS, paste #191970 or the oklch(0.29 0.14 273) value, or download the ready-made midnight-blue.css file above — it includes a full 50–950 token scale. Always check contrast before using midnight blue behind text.

What is the hex code for midnight blue?

Midnight Blue is commonly #191970 (rgb(25, 25, 112)). It covers a small range, but this is a widely used value.

What colours go well with midnight blue?

Its complementary colour #707019 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Midnight Blue colour

Midnight Blue colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About midnight blue

Palettes that work with midnight blue

Using midnight blue in your design

Popular colours

Color tools