Cobalt
General Information About Cobalt (#0B49A8)
The hex color code #0B49A8 represents a shade of blue known as Cobalt. This color is characterized by its deep, rich tone. In the RGB color model, #0B49A8 is composed of 4.31% red, 28.63% green, and 65.88% blue. In the CMYK color model, it is made up of 93% cyan, 56% magenta, 0% yellow, and 34% black. Cobalt blue has historical significance, with its synthetic production dating back to the early 19th century. It is a popular choice in various fields, including art, design, and fashion, due to its vibrant and captivating appearance. It is seen as calming and can evoke feelings of trust, and security.
The hex color #0B49A8, also known as Cobalt, presents some accessibility challenges, primarily concerning contrast. When used as a background color, it's crucial to ensure that the foreground text or elements have sufficient contrast to meet WCAG (Web Content Accessibility Guidelines) standards. A light text color, like white or a very pale yellow, would be a good starting point, but it's essential to test the contrast ratio to ensure it meets at least the AA level (4.5:1 for normal text, 3:1 for large text). Avoid using similar dark colors for text as it will be nearly unreadable. Using a color contrast checker tool is highly recommended to validate the chosen color combination. Furthermore, consider providing alternative visual cues, such as icons or underlines, to reinforce meaning, especially for users with color vision deficiencies. Thoughtful design choices can make this color accessible to a wider audience.
Shades
Digital Color Formats
Alternative colors
- #2E64FE
A slightly lighter blue that offers improved contrast against white backgrounds, making it more suitable for body text.
- #0818A8
A darker shade of blue that provides better contrast when used as text on a white or light-colored background.
- #ADD8E6
A lighter color that is less saturated, which provides better contrast when used as a background.
Applications
Web Design Highlights
In web design, #0B49A8 can be used sparingly for highlighting key elements, such as buttons or call-to-action sections. Due to its vibrancy, it can draw the user's attention effectively. However, avoid using it excessively, as it can be visually overwhelming. It could be used to highlight menu entries that the user is currently focused on, but ensure sufficient contrast. Also consider using this color as a background for a header of a website, ensuring sufficient constrast with the menu items.
Fashion Statements
In fashion, Cobalt (#0B49A8) is a bold and striking color often used in statement pieces like dresses, jackets, or accessories. Its deep blue hue can add a touch of sophistication and drama to any outfit. It pairs well with neutral colors like white, black, and gray, as well as complementary colors like orange and yellow for a bolder look. Use Cobalt in smaller amounts if you are not after a full statement. It can be used in scarfs, earrings or shoes.
Branding
For branding purposes, #0B49A8 evokes feelings of trust, security, and stability. These emotions are often linked to the color blue. Many financial institutions use this in their branding. Cobalt (#0B49A8) may be used to evoke similar feelings.