The Cobalt Blue Color Code: HEX, RGB, CMYK

Cobalt blue is a cool, vivid blue pigment sitting between pure blue and azure on the color wheel, created from cobalt aluminate. The color carries a distinctly saturated, medium-dark tone and reads as both bold and grounded, with RGB values of (0, 71, 171).

Few colors hit that balance between confidence and calm the way cobalt blue does.

This guide covers everything you need to know: color codes, shade variations, color psychology, pairings, and how cobalt blue works across interior design, fashion, and branding.

Cobalt Blue Color Codes

Cobalt blue sits at a hue angle of 215 degrees on the color wheel, placing it firmly in cool blue territory with a subtle lean toward cyan. It is neither purely primary nor muddied by heavy violet, which is a big part of why it reads as so clean and direct.

Here are the standard color codes across every major color model:

• HEX: #0047AB
• RGB: R: 0, G: 71, B: 171
• CMYK: C: 100%, M: 59%, Y: 0%, K: 33%
• HSL: 215deg, 100% saturation, 33.5% lightness
• HSB/HSV: 215deg, 100% saturation, 67% brightness
• Pantone (closest match): PMS 2388 C

In the RGB color model, cobalt blue carries zero red and only a moderate amount of green, with blue doing most of the heavy lifting. That 0-71-171 split is what gives it the punchy, saturated quality you see on screen.

If you are working in print, the CMYK breakdown leans hard on cyan with a significant magenta component. Worth noting: printed cobalt blue tends to come out slightly darker than what you see on screen, especially on uncoated stock. Test a proof before committing to large runs.

For quick conversions between formats, tools like an RGB to HEX converter or a HEX to RGB converter save a lot of back-and-forth. If you are doing CMYK prep work, an RGB to CMYK converter is genuinely useful for catching color shifts before print.

Cobalt blue is a cool tone. It does not behave like warm blues (which lean violet or red). Its temperature sits clearly on the cool end of the spectrum, which affects how it interacts with warm accent colors and neutral backgrounds alike. Understanding this is a basic part of color theory.

—

Cobalt Blue Color Palettes

Cobalt blue (#0047AB) works across a wide range of color palette structures. Below are the main harmony types with their corresponding color swatches.

For building out full schemes fast, a color palette generator can spin out variations you might not find manually. Useful when you need to test cobalt against multiple neutral backgrounds in one pass.

—

Cobalt Blue Shades

Cobalt blue encompasses multiple variations including pale powder blue, mid cobalt, deep cobalt, navy-adjacent dark cobalt, electric cobalt, and near-black cobalt.

Each variation differs in lightness and saturation, with some leaning toward white in the lighter tints and others pushing toward near-black in the darkest shades, creating distinct aesthetic effects across applications.

—

What Are the Primary Attributes of Cobalt Blue?

Cobalt blue possesses five primary attributes: high saturation (derived from its cobalt aluminate pigment base), strong cool tone (distinctly cyan-leaning hue), significant depth (medium-dark lightness at 34%), high visual contrast (stands out sharply against light backgrounds), and strong cultural association with trust and intelligence.

—

How Is Cobalt Blue Used in Interior Design?

Cobalt blue functions as a bold statement color in interior design, creating energetic yet sophisticated spaces that command attention without feeling loud.

Designers use it for accent walls, upholstery, ceramic tiles, and decorative objects to establish a modern atmosphere that adds depth and visual interest across living rooms, kitchens, and bathrooms.

It pairs naturally with white, gray, and gold in minimalist and contemporary interiors. The color psychology here matters: cobalt tends to feel more alive than navy blue in a room, especially under warm artificial lighting.

—

What Psychology and Emotions Does Cobalt Blue Evoke?

Cobalt blue evokes feelings of trust, calm, confidence, and creative energy through its association with deep water, clear skies, and historical use in art and ceramics.

Color psychology research indicates cobalt blue reduces anxiety, supports focus, and creates productive environments that encourage both concentration and innovation. It sits in an interesting spot, more energizing than navy, more grounded than electric blue.

—

How Is Cobalt Blue Applied in Fashion and Clothing?

Cobalt blue serves as a statement color in fashion, offering high visual impact through dresses, coats, tailored suits, and accessories across every season.

Fashion designers use it for its ability to complement most skin tones, its strong contrast against neutrals, and its capacity to transition between casual and formal contexts without losing its character. It shows up reliably in both runway collections and everyday street style.

—

What Colors Complement and Contrast With Cobalt Blue?

Cobalt blue complements white, gold, warm orange, soft gray, and blush pink while contrasting effectively with burnt orange, warm amber, and chartreuse green.

These color combinations create bold, high-energy palettes that use cobalt’s saturated cool tone as either a dominant or accent force depending on context.

Complementary Colors

Cobalt Blue + White

• Color Theory Basis: Maximum contrast via lightness difference; white lifts cobalt’s depth without shifting its hue
• Visual Effect: Clean, crisp, modern
• Best Applications: Web design, packaging design, branding, interior walls
• Ratio Recommendations: 70% white, 30% cobalt for balance; reverse for bold statements
• Example Uses: Tech brand websites, pharmaceutical packaging, minimalist interiors

Cobalt Blue + Gold

• Color Theory Basis: Warm/cool contrast; gold sits near cobalt’s complement on the color wheel
• Visual Effect: Rich, luxurious, high contrast
• Best Applications: Luxury branding, formal event design, book cover design, jewelry packaging
• Ratio Recommendations: 60% cobalt, 20% gold, 20% neutral
• Example Uses: Award ceremonies, high-end cosmetic packaging, formal invitations

Cobalt Blue + Warm Orange

• Color Theory Basis: Near-complementary relationship; orange is the visual opposite of blue on the color wheel
• Visual Effect: Vibrant, energetic, attention-grabbing
• Best Applications: Poster design, sports branding, retail displays
• Ratio Recommendations: 65% cobalt, 35% orange for balance
• Example Uses: Athletic brands, summer campaign graphics, event posters

Cobalt Blue + Soft Gray

• Color Theory Basis: Neutral bridging; gray reduces cobalt’s intensity without dulling it entirely
• Visual Effect: Sophisticated, professional, calm
• Best Applications: Corporate identity, office interiors, UI design
• Ratio Recommendations: 50% gray, 40% white, 10% cobalt as accent
• Example Uses: Financial services branding, professional slide decks, office environments

Contrasting Colors

Cobalt Blue + Burnt Orange

• Contrast Type: Complementary
• Visual Impact: Bold and energetic; creates strong visual tension
• Best Applications: Advertising, packaging, editorial design
• Balance Strategies: Use burnt orange as a small accent (10-15%) to avoid visual overload

Cobalt Blue + Chartreuse

• Contrast Type: Split-complementary
• Visual Impact: Unexpected, fresh, high energy
• Best Applications: Youth branding, fashion editorials, digital art
• Balance Strategies: Keep chartreuse as a single accent element; avoid large areas of both together

Cobalt Blue + Warm Red

• Contrast Type: Triadic (adjacent to complement)
• Visual Impact: Intense, patriotic-adjacent, visually loud
• Best Applications: Political design, sports team branding, bold signage
• Balance Strategies: Use white as a separator between the two; avoid placing them in direct contact over large areas

Color Scheme Types

• Monochromatic: Use cobalt tints (#6690CC, #99B5DD) and shades (#003180, #001F4D) together for a cohesive, depth-layered palette
• Analogous: Pair with indigo (#4B0082) and teal (#008080) for a cool-spectrum range
• Triadic: Combine with magenta and yellow-green for maximum chromatic energy
• Split-Complementary: Cobalt + rust orange + warm yellow works well in lifestyle branding
• Tetradic: Cobalt + teal + warm orange + magenta creates a full, complex palette suited to editorial and motion design

Practical Pairing Guidelines

• 60-30-10 Rule: Cobalt works best as the 30% mid-tone or 10% accent in most interiors; using it as the dominant 60% is bold and works in contemporary spaces with strong natural light
• Accent Color Strategy: A single cobalt object, throw, or graphic element in an otherwise neutral environment creates a clear focal point
• Neutral Bridging: White, off-white, and warm gray all work as connectors between cobalt and warmer accent colors

—

How Does Cobalt Blue Differ From Similar Cool Colors?

Cobalt blue differs from royal blue (more violet, slightly lighter), navy blue (much darker, near-black in tone), ultramarine (warmer, red-violet lean), and sky blue (far lighter, low saturation) through its specific balance of high saturation, cool cyan lean, and medium-dark brightness that makes it uniquely readable at a distance.

—

How Do You Create Cobalt Blue in Different Mediums?

Create cobalt blue by mixing ultramarine blue with a small amount of turquoise or cerulean in paint, using HEX #0047AB in digital design, or setting RGB values to (0, 71, 171) in screen-based applications, making sure the blue channel dominates for accurate results.

Acrylic Paint

The actual pigment (PB28, cobalt aluminate) cannot be replicated through mixing alone. You need a tube labeled cobalt blue. But you can get close by combining ultramarine blue with a touch of cerulean or phthalo blue (green shade) – approximately 75% ultramarine and 25% cerulean as a starting point.

• Base colors: Ultramarine blue + cerulean or phthalo blue (GS)
• Mixing ratios: Start at 3:1 ultramarine to cerulean, adjust toward cobalt’s cyan lean
• Common mistakes: Adding white too early (it chalks the mix), or using phthalo blue in too high a ratio (it overpowers everything)
• Adjustment tips: A tiny amount of titanium white can lift brightness without destroying saturation

Oil Paint

In oils, genuine cobalt blue (PB28) is sold as a single-pigment paint. Worth the cost if you want the real thing. Mixing with linseed oil can introduce a slight green shift as the oil yellows over time, so stand oil is a better medium choice for long-term color stability.

• Pigments: PB28 (cobalt blue genuine); PB29 (ultramarine) as an approximate substitute
• Mixing technique: Use a palette knife for clean mixing; avoid contamination from warmer pigments
• Drying time: Cobalt blue actually speeds up oil paint drying due to its cobalt content acting as a siccative

Watercolor

Cobalt blue in watercolor (PB28) is semi-transparent and granulating. It lifts reasonably well when dry, which is useful for corrections. Dilution is key. At full strength it reads dark and dense; at 10:1 water-to-paint, it gives that classic soft blue-sky wash.

• Pigment: PB28; Daniel Smith and Holbein both produce reliable versions
• Dilution: Start at 8-10 parts water to 1 part paint for washes; reduce for deeper tones
• Layering: Build in transparent glazes; each layer deepens saturation without muddying

Gouache

Gouache behaves similarly to watercolor but dries opaque. Cobalt blue in gouache is strong and flat-reading, ideal for solid graphic shapes. It can be lightened cleanly with white gouache without the chalky quality you sometimes get in acrylics.

• Mixing: Add zinc white for lighter tints rather than titanium, which can overpower
• Coverage: Apply in two thin layers rather than one thick one for the most even finish

Print / CMYK

• Cyan: 100%
• Magenta: 59%
• Yellow: 0%
• Black (Key): 33%
• Printing notes: Coated paper holds cobalt better than uncoated; expect a slight darkening on matte stock. Always proof before final print runs.
• Pantone match: PMS 2388 C (closest standard match)

If you are moving between digital and print workflows, a CMYK to RGB converter is a quick way to check how much color shift you are dealing with between the two color spaces.

—

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

Best practices for cobalt blue include checking contrast ratios against text, using it as an accent rather than a dominant tone in small spaces, testing on actual output devices before finalizing, and pairing it with neutral backgrounds to preserve its intensity.

Designers should verify WCAG contrast compliance when using cobalt blue for text or interactive UI elements (white text on cobalt blue typically passes AA at normal sizes), account for color shift between screen and print, and make sure the color does not compete with the primary focal point in complex layouts.

A color contrast checker is worth running before any cobalt blue UI work. Also, cobalt reads differently on warm-white paper versus cool-white paper in print contexts, something that catches people off guard.

In terms of visual hierarchy, cobalt blue naturally draws the eye. That is useful when you want to direct attention, but it means placement matters more than it does with neutral tones. Use it deliberately.

—

What Role Does Cobalt Blue Play in Branding and Marketing?

Cobalt blue plays a strong strategic role in branding and marketing, communicating trust, reliability, and creative confidence to consumers. Research on color psychology in marketing shows cobalt blue builds brand credibility and authority, making it effective for technology, financial services, and healthcare brands seeking a professional yet approachable identity.

IBM’s long association with deep blue, Ford’s iconic oval, and Pepsi’s recurring use of cobalt tones all point to the same underlying logic: this color signals competence without feeling cold. It is one of those rare shades that works in both a startup pitch deck and a 100-year-old institutional brand.

The logo applications for cobalt are particularly strong in digital environments. On screen, it holds its saturation well and passes most accessibility contrast checks against white, which matters more than most brand teams realize early on. For anyone working on a visual identity, cobalt blue is a foundational color worth understanding thoroughly before using or dismissing it.

FAQ on Cobalt Blue Color

What is cobalt blue?

Cobalt blue is a vivid, medium-dark cool blue pigment made from cobalt aluminate. It sits between pure blue and azure on the color wheel, with a HEX code of #0047AB and RGB values of (0, 71, 171). It is one of the most saturated blues available.

What is the hex code for cobalt blue?

The standard hex code for cobalt blue is #0047AB. Some sources list slight variations such as #0050B5, but #0047AB is the most widely accepted value across design tools, color systems, and digital applications.

What colors go with cobalt blue?

Cobalt blue pairs well with white, gold, warm orange, soft gray, and blush pink. For contrast, burnt orange and chartreuse create high-energy pairings. Neutral backgrounds let cobalt’s saturated tone do the work without overwhelming a layout or space.

What is the difference between cobalt blue and navy blue?

Navy blue (#000080) is much darker, sitting close to black in tone. Cobalt blue is brighter and more saturated, with a distinctly vivid quality. Navy reads conservative and formal; cobalt reads bold and energetic. They are not interchangeable in design contexts.

What does cobalt blue symbolize?

Cobalt blue symbolizes trust, intelligence, and calm confidence. It also carries associations with creativity and depth, partly from its long history in ceramics and fine art. In color psychology, it sits between the serenity of lighter blues and the authority of darker ones.

Is cobalt blue warm or cool?

Cobalt blue is a cool color. Its hue angle sits at 215 degrees, leaning toward cyan rather than violet. This distinguishes it from warmer blues like ultramarine, which carry a red-violet bias. The cool tone makes it feel crisp and clean in both digital and print applications.

What is cobalt blue used for in design?

Cobalt blue is used in web design, branding, packaging design, interior accents, fashion, and fine art. Its high saturation and strong contrast against white make it effective for call-to-action elements, statement furniture pieces, and corporate identity systems across technology and finance sectors.

How do you mix cobalt blue paint?

True cobalt blue (pigment PB28) cannot be replicated through mixing alone. As a close approximation, combine ultramarine blue with a small amount of cerulean at roughly a 3:1 ratio. For digital work, simply input RGB (0, 71, 171) or HEX #0047AB directly into your tool.

What is the CMYK value of cobalt blue?

The CMYK breakdown for cobalt blue is C: 100%, M: 59%, Y: 0%, K: 33%. These values are used in print design. Note that printed cobalt tends to appear slightly darker than on screen, particularly on uncoated paper stock. Always run a proof first.

What is the closest Pantone color to cobalt blue?

The closest standard Pantone match to cobalt blue (#0047AB) is PMS 2388 C. Pantone matching is useful when cobalt blue needs to stay consistent across different print runs, materials, and production environments where screen-to-print color drift is a real concern.

Conclusion

This article on cobalt blue color covered everything from its CMYK and HSL values to how it behaves across paint mediums, fashion, and brand identity.

Few blue pigments carry the same range. It works as a statement wall, a logo color, a watercolor wash, and a runway piece, often without adjustment.

Understanding its color psychology matters too. The trust and creative energy it communicates are not accidental. They are tied to centuries of use in ceramics, fine art, and eventually digital design.

Whether you are building a brand guidelines document, exploring blue color palettes, or just trying to nail the right shade for a project, cobalt blue is worth knowing well.

• 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)

• Canva for Teams Review: Is It Worth the Business Plan? - 24 July 2026
• 5 Brand Compliance Checkpoints Every Enterprise Should Automate - 23 July 2026
• Timeless Open Sans Font Pairing for Any Project - 22 July 2026