Midnight Blue Color Meaning | Hex Codes

#191970

Midnight blue is a deep, dark blue with subtle violet undertones, sitting close to the blue–violet boundary on digital color wheels, such as QuillBot’s color wheel.

This shade of blue is often used to convey refined elegance and luxury and as a background color in spooky Halloween images.

Tip
If you’ve found an image with the shade of midnight blue you’re looking for, QuillBot’s free color palette generator can extract the midnight blue color palette hex codes from it.

What does midnight blue symbolize?

More expressive than black, a rich, dark midnight blue hue can suggest mystery, refinement, and seriousness.

In design and branding, midnight blue is used:

  • For luxury and premium positioning
  • To signal trust and authority
  • In campaigns and products related to sleep and nightlife

In interior design, midnight blue works well:

  • Alongside brass, gold, and warm wood tones
  • In bedrooms, libraries, or dining rooms to create depth and drama
  • As a softer, less stark alternative to black

Color conversion

#191970
Format Value
HEX 191970
RGB 25, 25, 112
RGB Percent 10%, 10%, 44%
CMYK 0.78, 0.78, 0, 0.56
HSL 240°, 64%, 27%

Facts about midnight blue

According to the Oxford English Dictionary, the first recorded use of the color name midnight blue was in 1810.

In the 1920s, the future King Edward VIII of the United Kingdom (then the Prince of Wales) caused a stir in the fashion world by wearing midnight blue evening suits as an alternative to black. Midnight blue is still often preferred to black for evening wear: under some artificial lighting, black fabrics can look a little flat or even slightly greenish, while midnight blue cloth can look like a truer black.

Taylor Swift wore outfits in midnight blue to tie in with her tenth studio album, Midnights.

Color variations

Tints

  • #1e1e8a • Click to copy
  • #2424a3 • Click to copy
  • #2929bc • Click to copy
  • #3232d2 • Click to copy
  • #4b4bd8 • Click to copy
  • #6464dd • Click to copy
  • #7d7de3 • Click to copy
  • #9696e8 • Click to copy

Shades

  • #131358 • Click to copy
  • #0e0e3f • Click to copy
  • #080826 • Click to copy
  • #040411 • Click to copy
  • #040411 • Click to copy
  • #040411 • Click to copy
  • #040411 • Click to copy
  • #040411 • Click to copy

Tones

  • #23239f • Click to copy
  • #2e2ea3 • Click to copy
  • #3a3aa6 • Click to copy
  • #4848a8 • Click to copy
  • #5757a8 • Click to copy
  • #6a6aa4 • Click to copy
  • #7d7da1 • Click to copy
  • #8e8e9f • Click to copy

Midnight blue hex code

The standard CSS color MidnightBlue uses the hex code #191970.

If you’re looking for a dark shade of midnight blue, like the shade of Crayola’s midnight blue crayons, #003366 is a good choice.

Midnight blue hex code

Midnight blue vs navy blue

Midnight blue and navy blue are both very dark blues, and there is considerable overlap in how the terms are used. However, “midnight blue” typically describes a blue that appears almost black, while “navy blue” commonly refers to a very dark blue that retains a more clearly blue appearance.

In CSS, the color name MidnightBlue (#191970) is actually slightly lighter than Navy (#000080).

Midnight blue vs navy blue

Color names for dark blue

As well as midnight blue, commonly used names for darker shades of blue include:

  • Ink blue
  • Prussian blue
  • Navy blue
  • (Dark) royal blue
  • Ultramarine
  • Sapphire blue
  • Indigo
  • Oxford blue
#191970
  • Mono
  • Analogous
  • Complimentary

Frequently asked questions about midnight blue

What are some other midnight colors?

Midnight blue often appears in color palettes alongside other night-sky midnight colors like charcoal, black, slate gray, steel gray, and silver.

For contrast, you can also include gold, brass, warm amber, or a soft light shade like moonlit white or pale gray.

QuillBot’s free color palette generator can extract the hex codes from images with midnight colors.

What are some other dark blue color codes other than midnight blue?

As well as MidnightBlue #191970, other dark blue color codes in CSS are:

  • Navy #000080
  • DarkBlue #00008B
  • DarkSlateBlue #483D8B
  • Indigo #4B0082

You can use QuillBot’s color wheel to create a palette for your project based around one of these dark blue color codes.

Is this article helpful?
QuillBot

The QuillBot team provides expert tips on grammar, style, citation, and research. Our easy-to-use tools and resources help our readers communicate with confidence.

Join the conversation

Please click the checkbox on the left to verify that you are a not a bot.
This QuillBot is from
quillbot.visionseotools.cloud