Cobalt

#064AC4

General Information about Cobalt

Cobalt, represented by the hex code #064AC4, is a deep, saturated blue color. It derives its name from the element cobalt, which is used to produce blue pigments. This color is often associated with qualities such as trust, stability, intelligence, and formality. Cobalt is a versatile color that can be used in a variety of applications, from web design to interior decor. In color psychology, blue is known to have a calming effect and is often used to create a sense of peace and tranquility. Cobalt, being a darker shade of blue, can also convey authority and sophistication, making it suitable for professional settings.

The hex color #064AC4, also known as Cobalt, presents some accessibility challenges, particularly when used as a foreground color on a white or light background. Its relatively low luminance can result in insufficient contrast, making it difficult for users with visual impairments to read text or distinguish elements. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. It's crucial to evaluate the contrast ratio of Cobalt against its background using accessibility tools. When using this color, consider pairing it with lighter shades to achieve sufficient contrast or using it for larger design elements. Using Cobalt for decorative elements or where legibility is not critical can mitigate accessibility issues.

Shades

Digital Color Formats

RGB
6 74 196
RGB6 74 196
Red
Green
Blue
HSL
218.53deg 94.06% 39.61%
218.5394.0639.61HSL
Hue
Saturation
Lightness
HWB
218.53deg 2.35% 23.14%
218.532.3523.14HWB
Hue
Whiteness
Blackness
hex#064AC4
rgb6 74 196
hsl218.53deg 94.06% 39.61%
cmyk96.94% 62.24% 0% 23.14%
hwb218.53deg 2.35% 23.14%
xyz-d650.12 0.09 0.53
oklch0.458 0.2 261.72
oklab0.458 -0.03 -0.2
CMYK
96.94% 62.24% 0% 23.14%
96.9462.24023.14CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.12 0.09 0.53
0.120.090.53XYZ
X
Y
Z
OKLCH
0.458 0.2 261.72
0.4580.2261.72LCH
Lightness
Chroma
Hue
OKLAB
0.458 -0.03 -0.2
0.458-0.03-0.2LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons