The standard hex code for cobalt blue is #0047AB. In the digital design world, this specific value represents the vibrant, deep, and primary nature of the pigment that has been used in art and industry for centuries. While cobalt blue is a historical term derived from specific mineral pigments, modern graphic design relies on the sRGB color space to replicate its intensity.

For immediate use in your projects, the core technical profiles for cobalt blue are:

  • Hex Code: #0047AB
  • RGB: (0, 71, 171)
  • CMYK: (100, 59, 0, 33)
  • HSL: 215°, 100%, 34%
  • HSV: 215°, 100%, 67%

The Digital Anatomy of Cobalt Blue

Cobalt blue is characterized by its high saturation and medium-to-dark luminosity. In the RGB model, which is used for screens and digital displays, the "blue" channel is dominant at 171, while the "red" channel is non-existent (0) and the "green" channel is kept low at 71. This lack of red prevents the color from leaning toward violet, maintaining the "pure blue" identity that cobalt is famous for.

In professional printing, the CMYK profile reveals why cobalt blue is often considered a "rich" color. The 100% Cyan combined with nearly 60% Magenta creates a depth that standard blues cannot achieve. The 33% Black (Key) adds the necessary weight to prevent the color from appearing too electric or neon, grounding it in a way that feels premium and authoritative.

Why Multiple Cobalt Color Codes Exist

When searching for a cobalt color code, you may encounter variations such as #003DA6, #1E488F, or #2243C0. This discrepancy exists because "Cobalt Blue" was originally a physical pigment—cobalt(II) aluminate—long before digital screens were invented.

The Challenge of Gamut Mapping

Physical cobalt blue pigment has a unique spectral reflectance that digital screens (sRGB) cannot perfectly replicate. Depending on whether a designer prioritizes the "vibrancy" of the pigment or its "depth," they might choose a slightly different hex code.

  1. #0047AB: This is the most balanced version, optimized for web accessibility and standard LED screens.
  2. #1E488F: A slightly more muted, "navy-leaning" cobalt often used in corporate branding to ensure better readability for white text.
  3. #003DA6: A high-vibrancy version that mimics the look of cobalt blue on high-end OLED displays.

Historical Origin of the Cobalt Pigment

The history of cobalt blue adds a layer of prestige to its use in modern design. The pigment was synthesized in 1802 by the French chemist Louis Jacques Thénard. Before this chemical synthesis, cobalt-based blues were found in 8th and 9th-century Chinese porcelain and ancient Egyptian glass.

Thénard’s blue became a staple for Impressionist painters like Pierre-Auguste Renoir and Vincent van Gogh. Van Gogh famously remarked that "Cobalt [blue] is a divine color and there is nothing so beautiful for putting atmosphere around things." This historical weight is why brands seeking a sense of "timelessness" or "heritage" often gravitate toward this specific color code.

Professional Experience in Applying Cobalt Blue

In our testing of brand identities across various mediums, cobalt blue presents unique challenges and opportunities. From a UI/UX perspective, using #0047AB provides a distinct advantage: it is far more energetic than navy blue but more trustworthy than sky blue.

Dealing with Color Shift in Print

One common issue I have observed in professional printing is the "Purple Shift." Because cobalt blue requires a significant amount of Magenta (around 60%) to achieve its richness, low-quality CMYK printers may sometimes lean too far into the red spectrum, making your cobalt look like a dark violet. To mitigate this, when working with high-budget physical assets, we recommend specifying a Pantone shade, such as Pantone 2145 C, alongside the digital hex code.

Visibility and Accessibility

On digital interfaces, cobalt blue (#0047AB) offers an excellent contrast ratio when paired with white text. According to WCAG 2.1 standards, the contrast ratio between #0047AB and #FFFFFF is approximately 8.4:1. This easily passes the AAA requirement for normal text, making it a "safe" choice for primary call-to-action buttons and navigation bars. However, pairing it with black text results in a ratio of only 2.5:1, which fails all accessibility tests. In my design practice, I always enforce a "white-only" typography rule for cobalt backgrounds to ensure maximum legibility.

Psychological Impact of Cobalt Blue in Branding

Color psychology plays a vital role in why a company would choose #0047AB over another shade. Cobalt blue is perceived as:

  • Authoritative: It carries the weight of a uniform but without the "stiffness" of navy.
  • Productive: Studies suggest that deep blues can stimulate thought and increase focus.
  • Trustworthy: It is the color of the deep sky and the ocean, suggesting stability and infinity.
  • Innovative: Because of its history in high-tech glass and ceramics, it often feels more "modern" than traditional royal blues.

Brands in the financial technology (FinTech) and healthcare sectors frequently use cobalt blue codes to establish a bridge between traditional trust and modern innovation.

Comprehensive Color Harmony for Cobalt Blue

To use cobalt blue effectively, you must understand its relationships on the color wheel. Here are the most effective pairings based on color theory:

1. Complementary: Cobalt and Sunflower Yellow

The direct opposite of #0047AB is a warm, orange-toned yellow like #AB6400. This creates a high-energy contrast often seen in sports branding and national flags. It is perfect for drawing immediate attention to a specific element.

2. Triadic: Cobalt, Crimson, and Emerald

For a diverse and balanced palette, pairing cobalt with a deep red (#AB0047) and a vibrant green (#47AB00) creates a sophisticated, multi-colored look. This is frequently used in traditional luxury packaging.

3. Analogous: The "Deep Sea" Palette

By moving slightly left and right on the color wheel, you can pair cobalt with:

  • Teal/Cyan: #009DAB
  • Deep Violet: #0E00AB This creates a harmonious, calming effect that is ideal for wellness apps or background gradients.

4. Monochromatic: Professional Depth

Using different shades of cobalt blue can create a sense of hierarchy without introducing new colors:

  • Light Tint (20% White): #5668BC
  • Dark Shade (20% Black): #003999
  • Muted Tone (20% Gray): #3B51A3

Technical Implementation of #0047AB

For developers and technical artists, implementing cobalt blue across different platforms requires specific syntax.

CSS and Web Development

In standard CSS, you can define cobalt blue using hex, RGB, or HSL: