Cobalt

#073DAD

General Information about Cobalt (#073DAD)

Cobalt, represented by the hexadecimal color code #073DAD, is a deep and vibrant shade of blue. It is named after the element Cobalt, which is often used to create blue pigments. This color evokes feelings of trust, stability, and knowledge. In color psychology, blue is often associated with calmness, reliability, and intelligence, making Cobalt a popular choice for branding and design where these attributes are desired. Cobalt is widely used across various fields, from web design and graphic arts to fashion and interior design. Its rich hue adds a touch of elegance and sophistication, making it suitable for both modern and classic aesthetics. Understanding the nuances of Cobalt and its effects on perception is crucial for effectively incorporating it into visual projects, ensuring it resonates with the intended audience and conveys the desired message.

The hex color #073DAD, also known as Cobalt, presents specific accessibility considerations for web development. Its relatively low luminance can pose challenges in ensuring sufficient contrast with background colors, especially white. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text to meet AA compliance. Using #073DAD for text on a light background might fail these criteria, potentially making content difficult to read for users with visual impairments. Developers should carefully evaluate color combinations, utilizing tools to measure contrast ratios. Alternatives include lightening the Cobalt shade or choosing a darker background to provide better readability. Additionally, providing alternative visual cues, such as underlining links or using icons, can enhance accessibility for all users. Consideration of color blindness is also crucial, as individuals with protanopia, deuteranopia, or tritanopia may perceive this color differently. Testing the design with color blindness simulators can help ensure content is accessible to a broader audience. By addressing these considerations, developers can create inclusive and user-friendly web experiences.

Shades

Digital Color Formats

RGB
7 61 173
RGB7 61 173
Red
Green
Blue
HSL
220.48deg 92.22% 35.29%
220.4892.2235.29HSL
Hue
Saturation
Lightness
HWB
220.48deg 2.75% 32.16%
220.482.7532.16HWB
Hue
Whiteness
Blackness
hex#073DAD
rgb7 61 173
hsl220.48deg 92.22% 35.29%
cmyk95.95% 64.74% 0% 32.16%
hwb220.48deg 2.75% 32.16%
xyz-d650.09 0.06 0.4
oklch0.4113 0.186 262.54
oklab0.4113 -0.02 -0.18
CMYK
95.95% 64.74% 0% 32.16%
95.9564.74032.16CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.09 0.06 0.4
0.090.060.4XYZ
X
Y
Z
OKLCH
0.4113 0.186 262.54
0.41130.186262.54LCH
Lightness
Chroma
Hue
OKLAB
0.4113 -0.02 -0.18
0.4113-0.02-0.18LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons