Cobalt

Cobalt is a deep, saturated blue with a distinctly cool undertone.

It sits between royal blue and navy, presenting a pure and intense hue that avoids leaning into purple or green.

Cobalt, a deep and commanding blue, often communicates confidence, intelligence, and serenity. Its intensity suggests authority and importance, making it a powerful choice for designs that need to project stability and trust.

Historically prized as a pigment in ceramics and glass, the color carries a sense of artistry and enduring value. This rich background gives Cobalt a symbolic weight, representing both profound depth and clear, insightful thought.

In UI design, Cobalt is a commanding choice for a primary or accent color. It creates a sharp, readable interface when set against neutrals like crisp white or soft gray. For a more adventurous palette, try pairing it with a complementary muted orange or a rich gold for call-to-action buttons and highlights, following a balanced 60-30-10 approach to color distribution.

Established brands like Singapore Airlines, Calendly, and Sprout Social use deep blues similar to Cobalt to project stability and confidence. Its presence in their products demonstrates how to build a feeling of trust and professionalism while maintaining a modern appearance.

To see these principles in action, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview Cobalt (#0047AB) in real UI components from leading brands.

Using the color Cobalt in your projects starts with its digital identifier, the hex code #0047AB. While this code is standard for web development, you'll often need to translate it into other formats depending on your medium, whether for screen or print.

Different color models serve specific purposes. RGB (Red, Green, Blue) values define colors for digital displays through additive light, while CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for printed materials. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to adjust color properties.

To make things easier, we've converted Cobalt’s #0047AB hex code into a range of popular formats. You can find and copy the exact values you need for your project below.