Cobalt

General Information about Cobalt (#0D3DA7)

The hexadecimal color code #0D3DA7, also known as Cobalt, represents a dark shade of blue. It is composed of 5.1% red, 23.9% green, and 65.5% blue. In the RGB color model, this translates to 13 red, 61 green, and 167 blue. The CMYK representation of #0D3DA7 is 92% cyan, 63% magenta, 0% yellow, and 35% black. The color is mostly used for representing reliability and stability. It tends to invoke a sense of trust, therefore it's often used in corporate environments. Cobalt, as a color, has roots in the chemical element Cobalt, which itself produces rich blue pigments. This color is widely recognized and frequently employed in various design contexts. Its relatively high blue component gives it a calming and serene quality.

The color #0D3DA7, also known as Cobalt, presents some accessibility challenges, particularly in web design. Its relatively low lightness value (around 18%) means that text rendered in this color against a white background may not provide sufficient contrast for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using #0D3DA7 for text requires careful consideration of the background color to meet these standards. To improve accessibility, consider pairing it with lighter colors like white (#FFFFFF) or very light shades of gray to achieve sufficient contrast. Tools like contrast checkers can help evaluate the contrast ratio between text and background colors. Alternatively, this color can be used in larger design elements or as a background itself where contrast is less of a concern.

Shades

Digital Color Formats

Alternative colors

Applications

• Website Headers and Navigation

  Cobalt (#0D3DA7) can be effectively used in website headers and navigation bars to create a sense of professionalism and trust. The deep blue color is associated with stability and authority, making it a good choice for businesses in finance, technology, or consulting. When used sparingly, it can draw the user's eye to important sections of the page. To ensure optimal readability, use it with white or light grey for text and other elements.

• Interior Design Accent Color

  In interior design, Cobalt (#0D3DA7) can be used as an accent wall color to add depth and sophistication to a room. It pairs well with neutral colors like beige, gray, and white, creating a balanced and calming atmosphere. Consider using it in living rooms, bedrooms, or home offices to create a focal point. Complement the color with metallic accents like gold or silver for a luxurious feel.

• Data Visualization

  Cobalt (#0D3DA7) finds application in data visualization, where it can be used to represent a specific data category or range. Its distinct hue makes it easily distinguishable from other colors, allowing viewers to quickly interpret the information presented. In charts and graphs, it should be used strategically to avoid overwhelming the viewer. Always ensure there's enough contrast between the color and the background to improve readability for people with impaired color vision.

Complementary color

Buttons