Cobalt

#024AC2

General Information

Cobalt, represented by the hexadecimal color code #024AC2, is a deep, vibrant shade of blue. It is named after the element cobalt, which is used to create blue pigments in various materials, including glass and ceramics. In the RGB color model, Cobalt consists of 0.78% red, 29.02% green, and 76.08% blue. This color is often associated with qualities such as stability, trust, and intelligence, making it a popular choice in branding and design. Cobalt blue has a rich history and has been used extensively in art and decorative arts for centuries, valued for its intense and lasting color.

The hex color #024AC2, also known as Cobalt, presents some accessibility challenges, particularly concerning color contrast. When used as a foreground color for text, it is crucial to ensure sufficient contrast against the background to meet WCAG (Web Content Accessibility Guidelines) standards. Given its low lightness value, it generally requires a very light background for readability. A contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text. Careful consideration should be given to users with visual impairments, such as low vision or color blindness, who may struggle to differentiate between this color and darker backgrounds. Tools are readily available online to check contrast ratios and ensure compliance with accessibility standards, fostering an inclusive user experience. Also, avoid using this color as the sole indicator for interactive elements, supplement with text labels or icons.

Shades

Digital Color Formats

RGB
2 74 194
RGB2 74 194
Red
Green
Blue
HSL
217.5deg 97.96% 38.43%
217.597.9638.43HSL
Hue
Saturation
Lightness
HWB
217.5deg 0.78% 23.92%
217.50.7823.92HWB
Hue
Whiteness
Blackness
hex#024AC2
rgb2 74 194
hsl217.5deg 97.96% 38.43%
cmyk98.97% 61.86% 0% 23.92%
hwb217.5deg 0.78% 23.92%
xyz-d650.12 0.09 0.52
oklch0.4556 0.1979 261.28
oklab0.4556 -0.03 -0.2
CMYK
98.97% 61.86% 0% 23.92%
98.9761.86023.92CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.12 0.09 0.52
0.120.090.52XYZ
X
Y
Z
OKLCH
0.4556 0.1979 261.28
0.45560.1979261.28LCH
Lightness
Chroma
Hue
OKLAB
0.4556 -0.03 -0.2
0.4556-0.03-0.2LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons