Cobalt

#063CAE

About Cobalt (#063CAE)

Cobalt, represented by the hexadecimal color code #063CAE, is a deep shade of blue that exudes sophistication and elegance. It is named after the naturally occurring pigment derived from cobalt minerals, which have been used for centuries in art and decorative applications. The color is associated with feelings of trust, stability, and intelligence, making it a popular choice in various design fields. Cobalt is often used to evoke a sense of professionalism and reliability, while its inherent depth and richness can add a touch of luxury and exclusivity. Understanding the history and psychological impact of Cobalt can help designers leverage its unique qualities effectively.

The color #063CAE, also known as Cobalt, presents several accessibility considerations. Its dark hue means that it requires light-colored text for sufficient contrast. A contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text to meet WCAG AA standards. Using a color contrast checker is essential to ensure readability for users with visual impairments. When using Cobalt as a background, avoid pairing it with other dark colors. Also, avoid using this color as the sole indicator of important information, such as links or error messages, as colorblind users may not be able to distinguish it. Providing alternative cues, like underlines or icons, can improve accessibility.

Shades

Digital Color Formats

RGB
6 60 174
RGB6 60 174
Red
Green
Blue
HSL
220.71deg 93.33% 35.29%
220.7193.3335.29HSL
Hue
Saturation
Lightness
HWB
220.71deg 2.35% 31.76%
220.712.3531.76HWB
Hue
Whiteness
Blackness
hex#063CAE
rgb6 60 174
hsl220.71deg 93.33% 35.29%
cmyk96.55% 65.52% 0% 31.76%
hwb220.71deg 2.35% 31.76%
xyz-d650.09 0.06 0.41
oklch0.4102 0.1886 262.65
oklab0.4102 -0.02 -0.19
CMYK
96.55% 65.52% 0% 31.76%
96.5565.52031.76CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.09 0.06 0.41
0.090.060.41XYZ
X
Y
Z
OKLCH
0.4102 0.1886 262.65
0.41020.1886262.65LCH
Lightness
Chroma
Hue
OKLAB
0.4102 -0.02 -0.19
0.4102-0.02-0.19LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons