Cobalt Blue

Cobalt Blue is a vibrant, medium-to-deep blue with a cool temperature. It sits distinctly between the violet-tinged ultramarine and the greener shades of cyan, presenting a pure and intense blue appearance.

While its primary character is a stable, saturated blue, variations can exhibit subtle violet undertones, adding a layer of complexity to its otherwise straightforward hue.

A color of confidence and intelligence, Cobalt Blue communicates a sense of authority and depth.

Its historical value as a pigment lends it an air of importance, suggesting stability and trust.

Cobalt Blue #2474DE works well as both a primary brand color and a striking accent. For a clean, professional look, pair it with crisp whites and cool grays. To create a more energetic interface, consider a complementary palette with warm oranges or yellows. Applying the 60-30-10 rule can help balance its intensity: use a neutral for 60% of the space, Cobalt Blue for 30%, and a vibrant accent for the final 10%.

While not as widespread as other blues, Cobalt Blue and its close relatives appear in the branding of several notable companies, including Google Maps, 1Password, Attio, and Walmart. This selective adoption suggests it can be a powerful differentiator in a crowded market, offering a sense of stability and innovation.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview how #2474DE appears in real UI components from top brands.

To apply Cobalt Blue in your designs, you'll most often start with its hex code: #2474DE. This six-digit code is a web-standard representation that works directly in CSS and most digital design tools.

Different projects require different color models. A hex code like #2474DE can be translated into other formats. For instance, the RGB model specifies color for digital displays by combining red, green, and blue light, while the CMYK model is standard for print, mixing cyan, magenta, yellow, and black inks.

To make things easier, we’ve converted Cobalt Blue’s #2474DE hex code into a variety of common formats. You can find and copy the exact values you need for your project below.