Midnight blue color is a cool, dark tertiary shade that sits between pure blue and near-black on the color wheel, with RGB values of 25, 25, 112.

It carries strong associations with calm, authority, and depth, and functions as one of the most versatile dark tones in both digital and print design.

Few colors do as much with as little. Midnight blue shows up in fashion, branding, interior design, and web work without ever feeling out of place.

This article covers its exact color codes, shades, color combinations, psychological meaning, and practical mixing methods across every major medium.

Midnight Blue Color Codes

The standard hex code for midnight blue is #191970, an X11 web color that has been referenced by that name since as early as 1915.

Here are its values across the main color models used in design and print:

  • HEX: #191970
  • RGB: 25, 25, 112
  • CMYK: 78% Cyan, 78% Magenta, 0% Yellow, 56% Black
  • HSL: 240deg hue, 64% saturation, 27% lightness

It sits firmly in the cool tone category. On the color theory spectrum, midnight blue is a tertiary dark shade of blue, sitting between pure blue and near-black on the value scale. Its hue angle of 240 degrees places it at the pure blue position on the color wheel, with no red or green shift.

In the RGB color model, the red and green channels are equal at 25 each, while blue dominates at 112. That balance is what gives midnight blue its flat, cool, non-purple character. Compare that to indigo, where the red channel rises noticeably.

For print work, the CMYK values show high cyan and magenta with significant black. Expect the printed output to look slightly different depending on paper stock. Coated paper will hold more saturation.

If you need to convert between formats for your workflow, tools like an RGB to HEX converter or a HEX to RGB converter can save time. For print prep, an RGB to CMYK converter or the reverse CMYK to RGB converter helps keep color accurate across digital and physical outputs.

What role does color play in design and marketing?

Dive into the latest color statistics: psychology in branding, consumer preferences, design trends, and data on color impact.

Explore the Numbers →

The HSL to RGB converter is useful when you’re working in CSS and need to translate HSL values back to RGB for older browsers or design tools that don’t accept HSL directly.

Midnight Blue Color Palettes

Midnight blue works across all major color palette types. It holds its own as both a dominant color and a supporting accent depending on the scheme.

Harmony Type Colors
Complementary #191970
#706019
Split Complementary #191970
#706019
#6E1970
Triadic #191970
#701919
#197019
Tetradic #191970
#706019
#701919
#197019
Analogous #191970
#191945
#451970
Monochromatic #0D0D3B
#191970
#2E2EAA
#5555CC

For broader palette ideas that pair well with deep blues, it’s worth looking at dark color palettes, cool color palettes, and night color palettes for context and inspiration. If you’re working on something more opulent, gold color palettes pair especially well with midnight blue. For something more minimal or seasonal, check out winter color palettes and neutral color palettes.

Want to build your own combinations? A color palette generator can speed things up considerably.

Midnight Blue Shades

Midnight blue includes several distinct variations, ranging from near-black deep navy to lighter periwinkle-adjacent tones. Each variation differs in lightness, saturation, and undertone, with some leaning lighter toward mid-range blue and others pushing darker toward black.

This creates distinct effects depending on application. A very dark variation reads almost as black in low light. A lighter variant shifts toward cobalt or royal blue territory.

Shade Name Color HSL Value RGB Value
Light Midnight Blue #4B4BAA hsl(240, 38%, 48%) rgb(75, 75, 170)
Medium Midnight Blue #2E2E8F hsl(240, 51%, 37%) rgb(46, 46, 143)
Original Midnight Blue #191970 hsl(240, 64%, 27%) rgb(25, 25, 112)
Dark Midnight Blue #0F0F50 hsl(240, 69%, 19%) rgb(15, 15, 80)
Very Dark Midnight Blue #080830 hsl(240, 75%, 11%) rgb(8, 8, 48)
Near-Black Midnight #040418 hsl(240, 80%, 6%) rgb(4, 4, 24)

What Are the Primary Attributes of Midnight Blue?

Midnight blue has five core attributes: a pure 240-degree hue angle (derived from equal red and green channels), very low lightness at 27%, high blue saturation, a cool tonal temperature, and strong associations with authority and calm.

These qualities make it one of the most stable dark colors in both digital and print design.

How Is Midnight Blue Used in Interior Design?

Midnight blue works as a statement color in interior design, creating calm and focused spaces that feel refined without being cold.

Designers use it for accent walls, upholstery, cabinetry, and textiles, particularly in contemporary, Art Deco, and minimalist styles. It pairs well with brass, gold, warm white, and natural wood.

It also works in bedroom and bathroom contexts where color psychology research supports darker, cooler tones for relaxation. Nothing shuts down a room faster than the wrong dark color, but midnight blue tends to add depth rather than weight.

What Psychology and Emotions Does Midnight Blue Evoke?

Midnight blue evokes calm, authority, reliability, and introspection through its connection to the night sky and deep water.

Color psychology research shows it can lower heart rate, encourage focused thinking, and build a sense of quiet confidence. In behavioral studies, deep cool blues are regularly linked to trust, credibility, and emotional stability. It doesn’t demand attention. It holds it.

How Is Midnight Blue Applied in Fashion and Clothing?

Midnight blue is a wardrobe staple, offering timeless versatility across suits, evening wear, outerwear, and accessories.

Fashion designers use it for its ability to read as a dark neutral while still carrying more visual depth than black. It works across seasons, suits most skin undertones, and moves easily between formal and street style contexts. Honestly, a midnight blue suit in velvet at a winter event is hard to beat.

It also performs well in wedding color palettes as a rich alternative to navy for bridesmaids, suits, or accent decor.

What Colors Complement and Contrast With Midnight Blue?

Midnight blue complements gold, warm white, silver, copper, and soft peach while contrasting effectively with bright orange, lime yellow, and warm red.

These combinations create high-impact or refined palettes depending on how you balance the proportions. Midnight blue’s low lightness gives most accent colors room to stand out dramatically against it.

Complementary Colors

Midnight Blue + Gold

  • Color Theory Basis: Gold’s warm yellow sits near the complementary position on the color wheel, creating strong contrast across both hue and temperature
  • Visual Effect: Rich, luxurious, and high-contrast without feeling aggressive
  • Best Applications: Branding, packaging, event design, interior accents
  • Ratio Recommendations: 70% midnight blue, 30% gold
  • Example Uses: Financial brand identities, awards design, luxury product packaging

Midnight Blue + Warm White

  • Color Theory Basis: High lightness contrast with a neutral that doesn’t compete on hue
  • Visual Effect: Clean, classic, and easy to read
  • Best Applications: Web design, typography-heavy layouts, print collateral
  • Ratio Recommendations: 60% midnight blue, 40% warm white
  • Example Uses: Corporate websites, editorial design, signage

Midnight Blue + Copper

  • Color Theory Basis: Warm metallic against a cold deep blue creates strong temperature contrast
  • Visual Effect: Industrial but refined, especially on dark backgrounds
  • Best Applications: Interior design, lifestyle branding, packaging
  • Ratio Recommendations: 65% midnight blue, 35% copper
  • Example Uses: Craft beverage labels, premium restaurant branding, interior hardware accents

Midnight Blue + Soft Peach

  • Color Theory Basis: Warm pastel against a deep cool hue creates a gentle, unexpected contrast
  • Visual Effect: Soft, modern, and more approachable than harder pairings
  • Best Applications: Fashion, wedding design, lifestyle brand visuals
  • Ratio Recommendations: 55% midnight blue, 45% soft peach
  • Example Uses: Bridal stationery, cosmetics packaging, social media brand kits

Contrasting Colors

Midnight Blue + Bright Orange

  • Contrast Type: Complementary (blue and orange sit opposite on the color wheel)
  • Visual Impact: Bold and energetic, very high visibility
  • Best Applications: Sports branding, event posters, call-to-action buttons in web design
  • Balance Strategies: Keep orange to 20% or less to prevent it from overpowering the palette

Midnight Blue + Lime Yellow

  • Contrast Type: Split-complementary
  • Visual Impact: High energy, unexpected, works well in youth-oriented or tech contexts
  • Best Applications: Gaming design, streetwear, digital marketing assets
  • Balance Strategies: Use lime as a pure accent, not a secondary color

Midnight Blue + Warm Red

  • Contrast Type: Triadic with strong hue contrast
  • Visual Impact: Authoritative and serious, common in institutional contexts
  • Best Applications: Political branding, academic design, national identity work
  • Balance Strategies: Use white as a bridge color to separate the two

Color Scheme Types

  • Monochromatic: Use tints and darker tones of midnight blue itself, ranging from near-black to medium periwinkle. Works well in minimal, sophisticated layouts. See monochrome colors for more on this approach.
  • Analogous: Pair with deep purple-blue and dark indigo for a rich, cohesive scheme. More about analogous colors here.
  • Triadic: Combine with dark red and forest green for a balanced, institutional feel. A triadic color scheme explained in full detail.
  • Split-Complementary: Use with amber and chartreuse for a more nuanced take on high contrast. Details on split-complementary color schemes.
  • Tetradic: Pair with gold, warm red, and forest green for maximum variety. See tetradic color schemes for guidance.

Practical Pairing Guidelines

  • 60-30-10 Rule Application: Use midnight blue as the dominant 60% base, a neutral or warm tone at 30%, and a high-contrast accent (gold, copper, orange) at 10%
  • Accent Color Strategy: Midnight blue is strong enough to serve as the background that makes warm or bright accents pop without needing additional support
  • Neutral Bridging: Warm white, light gray, or cream work as buffers between midnight blue and high-contrast colors, softening the overall scheme without losing contrast

You can also check out blue color palettes and navy blue for related starting points, or explore complementary color scheme theory if you want a deeper look at how opposite hues interact. A color contrast checker is also worth running, especially for digital work.

How Does Midnight Blue Differ From Similar Cool Colors?

Midnight blue differs from navy (darker, near-black with less visible blue), royal blue (brighter, higher lightness around 45%), indigo (purple-shifted hue with more red in the mix), and cobalt blue (more vivid, higher saturation) through its specific balance of low lightness, pure 240-degree hue, and minimal warm undertone.

Took me a while to reliably tell midnight blue and navy apart in print proofs. In good light they’re distinct. In dim conditions, they read almost identically.

Visual Comparison Chart

Color Name HEX Code RGB Values Key Difference Best Use Case
Midnight Blue #191970 25, 25, 112 Deep low-lightness pure blue base Branding, fashion, interiors
Navy Blue #000080 0, 0, 128 Darker, near-black blue, highly formal Uniforms, corporate, formal wear
Royal Blue #4169E1 65, 105, 225 Brighter, more vivid, slightly red-shifted Retail branding, sportswear, UI
Indigo #4B0082 75, 0, 130 Purple-leaning blue, deeper and mystical tone Creative, spiritual, fashion
Cobalt Blue #0047AB 0, 71, 171 Bright pigment blue, strong and vivid Art, ceramics, packaging

How Do You Create Midnight Blue in Different Mediums?

Create midnight blue by mixing a dark base blue with small amounts of black in paint, setting RGB values to approximately (25, 25, 112) in digital design, or using CMYK values of 78C / 78M / 0Y / 56K for print, ensuring the blue channel dominates throughout.

Acrylic Paint

Start with ultramarine blue or phthalo blue as your base. Add black paint gradually, about one part black to four parts blue. Check the mix on paper before committing.

  • Base colors needed: Ultramarine blue + ivory black (or mars black)
  • Mixing ratios: Roughly 4 parts blue to 1 part black, adjusted by eye
  • Step-by-step: Add blue first, then small amounts of black incrementally, mix thoroughly between additions, test on white paper under natural light
  • Common mistakes: Adding too much black too fast – you’ll end up with near-black that can’t be recovered without starting over
  • Adjustment tips: If it goes too dark, add more ultramarine. If it reads too purple, switch from ultramarine to phthalo blue as your base

Oil Paint

Use Prussian blue or ultramarine with lamp black or ivory black. Oil pigments shift slightly as they dry, so mix a touch darker than your target.

  • Pigments required: PB29 (ultramarine) or PB27 (Prussian blue) + PBk9 (ivory black)
  • Mixing technique: Work on a glass palette, blend until completely uniform before applying
  • Drying time considerations: Ultramarine-based mixes can shift slightly lighter as they dry. Mix a shade darker to compensate

Watercolor

Use French ultramarine with a small amount of ivory black or neutral tint. Keep water to a minimum for a deep, rich result.

  • Pigment selection: French ultramarine (transparent) works better than Prussian here for warmth control
  • Dilution ratios: Very little water – this needs to be a heavily loaded brush for accurate depth
  • Layering technique: Build in 2-3 layers rather than one heavy wash to avoid blooms and uneven pigment settlement

Gouache

Similar to acrylic but more opaque. Use ultramarine gouache with a small amount of black gouache. Gouache dries lighter, so mix slightly darker than you need.

  • Start with a ratio of approximately 5:1 blue to black
  • Test on the actual substrate – gouache color shifts vary with paper absorbency
  • Add a tiny amount of white only if you need to push it toward periwinkle territory

Print (CMYK)

  • Cyan: 78%
  • Magenta: 78%
  • Yellow: 0%
  • Black: 56%
  • Printing considerations: Coated paper preserves saturation best. Uncoated stock will make it appear lighter and slightly warmer. Total ink coverage here is high – check with your printer for ink limits
  • Pantone matching: Pantone 2767 C is the closest match for midnight blue in the Pantone system

What Are the Best Practices for Using Midnight Blue in Design?

Best practices include pairing it with high-contrast light tones for readability, limiting its use as a large background in text-heavy layouts unless contrast ratios meet WCAG standards, testing on-screen rendering across monitor profiles, and balancing it with warm accent colors.

Designers should verify contrast ratios carefully. Midnight blue on dark gray, for example, can fail accessibility thresholds even when it looks fine to the eye. Always check with a color contrast checker before finalizing.

In web design, midnight blue works well as a hero background or navigation bar. In print design, it reads differently depending on paper finish. For packaging design, it signals premium quality, particularly in the food and beverage category.

Understanding visual hierarchy helps a lot here. Midnight blue naturally draws the eye downward in a layout because of its density. Use that to your advantage by placing it where you want visual weight.

What Role Does Midnight Blue Play in Branding and Marketing?

Midnight blue plays a foundational role in branding and marketing, communicating trust, authority, and depth to consumers. Marketing research shows it reinforces credibility and calm confidence, making it ideal for financial services, legal firms, technology companies, and luxury brands seeking a sophisticated, stable brand identity.

It’s not a coincidence that so many banks and law firms lean on dark blue. The color carries built-in associations with reliability and seriousness that other colors simply don’t have to the same degree. That said, it can feel cold or distant if it’s the only thing in a palette – which is why most strong brand applications pair it with a warm accent or neutral.

Building a solid logo around midnight blue means thinking about how it reproduces across mediums. It looks sharp on screen, holds well in print on coated stock, and embosses cleanly on premium materials. For full brand consistency, it should be locked down in your brand guidelines with exact HEX, RGB, CMYK, and Pantone values.

FAQ on Midnight Blue Color

What Is the Hex Code for Midnight Blue?

The standard hex code for midnight blue is #191970. Its RGB values are 25, 25, 112, and its CMYK breakdown is 78% cyan, 78% magenta, 0% yellow, and 56% black. Pantone 2767 C is the closest print match.

Is Midnight Blue the Same as Navy Blue?

No. Navy blue (#000080) is darker with zero red and green values, pushing it closer to black. Midnight blue has equal red and green channels at 25 each, giving it slightly more visible blue depth and a less severe tone overall.

What Colors Go Well With Midnight Blue?

Gold, warm white, copper, and soft peach all pair well with midnight blue. For high contrast, bright orange works strongly as an accent. Silver and cream are solid neutral options that keep the palette feeling refined without competing for attention.

What Does Midnight Blue Symbolize?

Midnight blue represents calm, authority, reliability, and depth. It draws heavily from night sky associations, making it a go-to for brands that want to project trust and quiet confidence. In some cultural contexts it also carries connotations of mystery and introspection.

Is Midnight Blue a Warm or Cool Color?

Midnight blue is a cool color. Its hue angle sits at exactly 240 degrees on the color wheel with equal red and green channels, producing no warm undertone. This places it firmly in cool tone territory alongside navy, indigo, and cobalt blue.

How Do You Mix Midnight Blue Paint?

Start with ultramarine blue or phthalo blue, then add black paint gradually in small amounts, roughly a 4:1 ratio. Add black incrementally and test on white paper each time. Too much black too fast and you lose the blue character entirely.

What Is the Difference Between Midnight Blue and Royal Blue?

Royal blue (#4169E1) is significantly lighter and more vivid, with a lightness value around 57% compared to midnight blue’s 27%. Midnight blue reads as near-dark in most contexts, while royal blue reads as a bright, saturated mid-tone blue with obvious color presence.

Where Is Midnight Blue Used in Branding?

Midnight blue appears frequently in financial services, legal, technology, and luxury brand identities. It signals credibility and stability without the starkness of black. Many corporate brands use it as a primary color in logos, websites, and printed collateral where authority matters.

What Emotions Does Midnight Blue Evoke?

It evokes calm, focus, reliability, and quiet confidence. Color psychology research links deep cool blues to reduced heart rate and improved concentration. In some contexts it can also feel formal or distant, particularly when used without warmer accent colors to soften the overall palette.

Can Midnight Blue Work in Interior Design?

Yes, and it works well. Midnight blue suits accent walls, cabinetry, upholstery, and textiles across contemporary and Art Deco interiors. It pairs best with brass, gold, and warm neutrals. Used on a single feature wall, it adds depth without making a room feel heavy or closed in.

Conclusion

This article on midnight blue color covered everything from its exact color codes and shades to its psychological weight and real-world applications across design, fashion, and branding.

At its core, midnight blue is a deep, cool hue with a 240-degree position on the color wheel, low lightness, and strong saturation that makes it one of the most dependable dark tones available.

It pairs well with gold, copper, and warm neutrals. It holds up in print with Pantone 2767 C. It performs consistently in digital contexts at #191970.

Whether you’re building a color palette for a luxury brand, painting an accent wall, or selecting a suit color, midnight blue rarely disappoints.

Few dark tones carry this much range without losing their character.

Bogdan Sandu
Share
Written by Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008. Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients. His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8. He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.