The Navy Blue Color Code: HEX, RGB, CMYK

Few colors carry as much weight as navy blue. It shows up in boardrooms, on runways, in brand identities, and on bedroom walls, and it always seems to belong.

Navy blue is a cool, deep shade sitting at 240 degrees on the color wheel, formed by combining pure blue with black. It communicates trust and authority, functioning as one of the most reliable neutrals in design, with RGB values of (0, 0, 128).

This article covers everything from hex codes and color palettes to color psychology, paint mixing, fashion applications, and branding use cases.

Whether you are a designer pinning down the right shade or simply curious about what makes this deep blue tone so enduring, you will find the answers here.

Navy Blue Color Codes

Navy blue sits at a specific, well-defined point in every major color theory system. The standard reference is #000080, though design applications often use slightly adjusted values depending on the context.

• HEX: #000080
• RGB: R: 0, G: 0, B: 128
• CMYK: C: 100%, M: 100%, Y: 0%, K: 49.8%
• HSL: 240 degrees, 100% saturation, 25.1% lightness

In the RGB model, navy blue carries zero red and zero green. All the weight falls on the blue channel at 128 out of 255. That’s what gives it such a dense, cool character.

The CMYK breakdown (100% cyan, 100% magenta, 0% yellow, ~50% black) tells you why it prints heavy and dark. You’re essentially layering two full ink channels and cutting the brightness with near-half black.

When converting between systems, tools like an RGB to HEX converter or a HEX to RGB converter help keep values consistent across different platforms. If you’re working in print and need to verify ink output, an RGB to CMYK converter is worth having open. For HSL-based workflows (common in CSS), an HSL to RGB converter makes the translation straightforward.

Navy blue is a cool tone. It sits at 240 degrees on the color wheel, placing it squarely in the blue family. It’s a tertiary-leaning shade with no warm undertones in its standard form, which is part of why it reads as so composed and neutral in most contexts.

—

Navy Blue Color Palettes

Navy blue works well across multiple harmony types. It pairs cleanly with warm oranges and golds, coordinates naturally with other blues, and anchors both light and dark color palettes.

Navy blue’s complementary is an olive/dark yellow. It’s not the most obvious pairing, but in practice it creates a strong, grounded contrast. The triadic combination with dark red and forest green is surprisingly rich. A good fit for heritage branding or print work.

If you want to build out a broader set, the color palette generator is a fast way to explore what navy anchors well. Also worth checking out these related palette collections: blue color palettes, dark color palettes, cool color palettes, and neutral color palettes.

Navy Blue Shades

Navy blue encompasses multiple variations including midnight navy, dark navy, standard navy, light navy, steel navy, and pale blue-navy. Each variation shifts in lightness and saturation.

Some lean darker toward near-black, while others lighten toward a dusty or steel-blue tone, creating different effects depending on the application.

The lightest tints push toward a soft, almost steel blue tone. The darkest shades drop close to near-black with just enough blue to read as color rather than neutral.

Tones in the middle range (like steel navy at #1B3A6B) are what most designers reach for when “navy” is specified in brand work. The pure #000080 reads more intensely on screen than in print, where the ink layering softens it.

What Are the Primary Attributes of Navy Blue?

Navy blue has five primary attributes: deep blue hue (derived from a 240-degree position on the color wheel), high saturation (100%), low lightness (25%), strong cool undertones, and a widely recognized association with authority and trust.

How Is Navy Blue Used in Interior Design?

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

Designers use it for accent walls, furniture upholstery, and textiles to establish a polished, grounded feel across both modern and traditional rooms.

It works especially well in bedrooms, living rooms, and home offices. Paired with white or cream, it opens up. Against warm wood tones or gold accents, it feels deliberately rich.

Navy blue suits contemporary, coastal, and classic styles equally well. It also plays nicely with warm color palettes when used as a contrasting anchor rather than a dominant tone.

What Psychology and Emotions Does Navy Blue Evoke?

Navy blue evokes trust, authority, calm, and confidence through its deep hue and historical ties to military and maritime institutions.

Color psychology research suggests navy blue reduces stress, supports concentration, and creates focused environments that help with productivity and decision-making.

It’s worth noting, though, that overusing it in interior spaces can tip toward a heavy or cold feeling. Like most dark colors, context and pairing matter a lot.

Culturally, it reads as conservative and professional in Western contexts. In some Asian cultures, it signals purity and elegance. In Latin America, it’s associated more with seriousness and composure.

How Is Navy Blue Applied in Fashion and Clothing?

Navy blue is a true wardrobe staple. It covers suits, outerwear, denim, knitwear, and accessories without ever going out of season.

Fashion designers rely on navy for its versatility. It’s dark enough to read as formal, light enough to avoid the austerity of black, and neutral enough to pair with almost anything.

It tends to work well across all skin undertones, which is partly why it’s one of the most consistently sold colors in menswear and womenswear alike. Not many colors can say that.

Street style leans heavily on navy for layering. Navy with white, navy with tan, navy with burgundy. Each combination lands differently but they all work without much effort.

What Colors Complement and Contrast With Navy Blue?

Navy blue complements white, gold, light gray, cream, and blush pink, while contrasting effectively with orange, olive, and bright yellow.

These combinations create clean, high-contrast palettes that use navy’s cool depth as a grounding base for brighter or warmer tones.

Complementary Colors

Navy Blue + White

• Color Theory Basis: High value contrast between dark and light creates maximum clarity
• Visual Effect: Clean, crisp, nautical energy without feeling sterile
• Best Applications: Web design, branding, packaging, uniforms
• Ratio Recommendations: 60% navy, 40% white or reverse for light-dominant layouts
• Example Uses: Corporate websites, fashion branding, editorial layouts

Navy Blue + Gold

• Color Theory Basis: Cool-warm contrast with strong value difference
• Visual Effect: Luxurious, authoritative, slightly formal
• Best Applications: Premium branding, wedding design, print collateral
• Ratio Recommendations: 70% navy, 30% gold for restrained elegance
• Example Uses: Law firm logos, financial services, event stationery

Navy Blue + Light Gray

• Color Theory Basis: Tonal harmony with shared cool undertones
• Visual Effect: Professional and calm without being cold
• Best Applications: UI design, office interiors, report layouts
• Ratio Recommendations: 50/50 or weighted toward gray for subtle results
• Example Uses: SaaS dashboards, corporate decks, business card design

Navy Blue + Blush Pink

• Color Theory Basis: Cool-warm contrast softened by low saturation in the pink
• Visual Effect: Balanced, modern, slightly unexpected
• Best Applications: Wedding design, lifestyle branding, packaging
• Ratio Recommendations: 65% navy, 35% blush to keep it grounded
• Example Uses: Boutique fashion, cosmetics packaging, event invitations

Contrasting Colors

Navy Blue + Orange

• Contrast Type: Complementary (opposite positions on the color wheel)
• Visual Impact: High energy, bold, attention-grabbing
• Best Applications: Sports branding, promotional design, retail signage
• Balance Strategies: Use orange sparingly as an accent; navy carries the weight

Navy Blue + Bright Yellow

• Contrast Type: Split-complementary, high value contrast
• Visual Impact: Energetic, optimistic, visually loud
• Best Applications: Youth-oriented brands, digital ads, posters
• Balance Strategies: Limit yellow to small highlights or type; full fields become overwhelming

Navy Blue + Olive Green

• Contrast Type: Analogous-adjacent with warm-cool tension
• Visual Impact: Earthy, grounded, slightly heritage
• Best Applications: Outdoor brands, menswear, packaging
• Balance Strategies: Mix with neutral tones to prevent a heavy feel

Color Scheme Types

• Monochromatic: Use tints, shades, and tones of navy (pale navy to midnight navy) for a layered, cohesive look. Works well in UI and interior design. Check out monochrome colors for more context.
• Analogous: Pair navy with indigo and deep teal for a rich, cool-toned palette. Analogous colors stay close on the wheel, so the combination feels natural rather than forced.
• Triadic: Navy with dark red and forest green. High contrast but balanced when applied at the right ratios.
• Split-Complementary: Navy with burnt orange and olive. More nuanced than straight complementary, easier to control.
• Tetradic: Navy, teal, olive, and purple. A complex palette that needs a clear dominant color (navy) to avoid chaos.

Practical Pairing Guidelines

• 60-30-10 Rule: Navy as the dominant 60%, a neutral like white or gray at 30%, and a warm accent (gold, orange, coral) at 10%
• Accent Color Strategy: Use emphasis colors sparingly against navy. The dark background makes most colors pop harder than expected.
• Neutral Bridging: When combining navy with a warm color that creates tension, introduce a light gray or off-white between them to smooth the transition

Use the color contrast checker to verify any navy pairing meets WCAG accessibility standards before finalizing it for screen use.

How Does Navy Blue Differ From Similar Cool Colors?

Navy blue differs from royal blue (brighter, more vivid), midnight blue (darker, nearly black), cobalt blue (medium intensity, lighter), and indigo (more purple-leaning) through its balance of full saturation, low lightness, and neutral cool tone.

Navy is the darkest of these in most practical applications, and it’s also the most neutral in terms of hue bias. Royal blue pulls warmer and brighter. Cobalt sits in the middle. Midnight blue goes darker. Knowing which one you actually need saves a lot of back-and-forth in client work.

How Do You Create Navy Blue in Different Mediums?

Create navy blue by mixing ultramarine blue with a small amount of black in paint, using HEX #000080 in digital design, or setting RGB values to (0, 0, 128) in screen-based applications, ensuring the blue channel dominates for accurate color reproduction.

Acrylic Paint

Start with a solid base of ultramarine blue or phthalo blue. Add black a little at a time, testing on white paper between additions.

A small touch of red (crimson or alizarin) can help balance the tone and prevent it from going too cold or greenish. The ratio is roughly 80% blue, 15% black, 5% red. Adjust based on the specific pigment brands you’re using, since phthalo runs very differently from ultramarine.

Common mistake: adding too much black too fast. It’s much easier to darken than to lighten once you’ve gone too far.

Oil Paint

Prussian blue and ivory black is a classic combination for navy in oils. Prussian blue is a strong, granulating pigment, so use it conservatively.

Oils shift slightly as they dry, so test dry patches before committing to large areas. The color will look different wet versus fully cured, especially with titanium white nearby.

Watercolor

Indigo watercolor straight from the tube gets you close, but if you want a more controlled navy, start with ultramarine blue and layer in a wash of neutral tint or paynes gray.

Dilution matters a lot here. A heavy application with minimal water gives you the dark, navy-adjacent tone. Build up in layers rather than trying to hit it in one pass.

Gouache

Gouache dries lighter than it looks wet, which is worth knowing when mixing navy. Start slightly darker than your target. Ultramarine blue with a touch of black and a tiny amount of red gives a clean navy that stays readable even at smaller scales.

Use it opaque for bold coverage, or thin it down for softer washes where you want navy as a mid-tone rather than a solid block.

Print / CMYK

• Cyan: 100%
• Magenta: 100%
• Yellow: 0%
• Black: 49.8%
• Printing considerations: Coated stock keeps it rich and clean; uncoated paper absorbs ink and the color can look slightly dull or flat. Always request a proof.
• Pantone matching: Pantone 2768 C is the closest standard reference for #000080

If you need to verify your CMYK values before sending to print, the CMYK to RGB converter helps you cross-check what you’ll actually see on screen versus paper.

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

Best practices for navy blue include pairing it with high-contrast light tones for readability, limiting it to a dominant or structural role in the layout, testing it against WCAG contrast standards, and using warm accents to prevent the palette from feeling cold.

Designers should avoid placing navy text on dark backgrounds, consider how the color shifts between screen and print, and ensure the overall visual hierarchy stays clear when navy occupies large areas.

One thing that trips people up: navy can flatten a layout when overused. It’s heavy. Introduce white space deliberately to give it room to breathe.

In web and UI work, navy works well as a header background, sidebar color, or CTA button base. It pairs cleanly with light typography and gives strong contrast without needing to resort to pure black.

For print work, always verify your Pantone or CMYK values on a physical proof. Navy shifts noticeably between coated and uncoated paper stock.

What Role Does Navy Blue Play in Branding and Marketing?

Navy blue plays an anchoring role in branding and marketing, communicating trust, authority, and reliability to consumers.

Marketing research indicates navy blue encourages confidence in a brand and reduces hesitation, making it effective for financial services, healthcare, tech, and professional sectors seeking a stable and credible perception.

It’s the default choice for a reason. Banks, airlines, law firms, insurance companies. They all lean on navy because it signals competence without having to announce it.

That said, it can feel generic if not handled with intention. The logo, brand guidelines, and overall visual identity need something distinctive layered on top of navy to avoid blending into a sea of other corporate blues.

Pairing it with an unexpected accent (warm orange, soft coral, off-white) is usually what separates a navy-based brand that feels fresh from one that feels like every other brand in the category.

FAQ on Navy Blue Color

What is the hex code for navy blue?

The standard hex code for navy blue is #000080.

Some design applications use slightly adjusted values like #001F3F or #202A44, depending on the context. Always verify against your specific brand or project requirements.

What colors go well with navy blue?

Navy blue pairs well with white, gold, light gray, blush pink, and cream.

For bolder combinations, try it with burnt orange or coral. These warm tones create strong contrast against the cool, dark blue base without overwhelming it.

What does navy blue represent?

Navy blue represents trust, authority, and stability.

It has strong ties to military and maritime history, which reinforces its association with discipline and reliability. In branding, it signals professionalism and inspires confidence in the viewer.

Is navy blue a warm or cool color?

Navy blue is a cool color.

It sits at 240 degrees on the color wheel with zero red or green in its standard RGB values. That full blue channel with no warm influence makes it one of the cooler tones in the blue family.

What is the difference between navy blue and royal blue?

Navy blue is darker and more neutral. Royal blue is brighter and more vivid, with a higher lightness value and a slight purple-red influence in its hue.

In practical terms, navy reads as formal and grounded while royal blue feels more energetic.

What is the RGB value of navy blue?

The RGB value is R: 0, G: 0, B: 128.

All the color weight sits on the blue channel. There is no red or green present in the standard reference, which gives navy blue its dense, cool, and deeply saturated character on screen.

Can navy blue be used as a neutral color?

Yes, navy blue functions as a dark neutral in many design and fashion contexts.

It replaces black in situations where you want depth without full darkness. It pairs with a wide range of colors and rarely creates conflict in a palette.

What Pantone color is closest to navy blue?

Pantone 2768 C is the closest standard match to the hex #000080 reference.

For other navy variations used in corporate or fashion contexts, Pantone 533 C and Pantone 294 C are also commonly referenced. Always confirm with a physical swatch before printing.

What colors make navy blue when mixed?

Start with ultramarine or phthalo blue, then add small amounts of black and a touch of red.

The rough ratio is about 80% blue, 15% black, and 5% red. Adjust by medium since color theory behaves differently in acrylics, oils, and watercolor pigments.

Is navy blue a good color for branding?

Navy blue is one of the most widely used colors in corporate branding for good reason.

It communicates reliability and professionalism without the starkness of black. Financial institutions, tech companies, and healthcare brands all lean on it to build credibility and signal trustworthiness to their audience.

Conclusion

This article presenting navy blue color covers why this deep blue shade remains one of the most dependable choices across design, fashion, and branding.

From its precise RGB values and CMYK breakdown to its psychological weight and paint mixing ratios, every detail points to a color that performs consistently.

Navy blue sits at a unique position in the color palette space. It is dark enough to anchor a layout, neutral enough to pair broadly, and rich enough to carry a brand identity on its own.

Whether you’re working with saturation levels in digital design or choosing between dark blue paint tones for an interior, the principles here apply directly.

It is not a trendy color. That is exactly the point.

• Author
• Recent Posts

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.

Latest posts by Bogdan Sandu (see all)

• NBA Team Color Codes - 26 July 2026
• The Figma Logo History, Colors, Font, And Meaning - 25 July 2026
• Canva for Teams Review: Is It Worth the Business Plan? - 24 July 2026