Cobalt

#004AAD

General Information about Cobalt

The hex color #004aad, also known as Cobalt, is a deep, rich shade of blue. It is often associated with trustworthiness, stability, and intelligence. In color psychology, blue is known to evoke feelings of calmness and security. This makes Cobalt a popular choice for brands that want to convey reliability and professionalism. In web design, Cobalt can be used to create a sense of trust and authority. It can also be combined with other colors to create different effects, such as pairing it with white for a clean and modern look or with yellow for a more vibrant and energetic feel. It's used in many web applications.

The hex color #004aad, also known as Cobalt, presents some accessibility challenges, especially when used as a text color on a white or light background. Its relatively low luminance value means that the contrast ratio might not meet WCAG (Web Content Accessibility Guidelines) standards for normal text (4.5:1) or large text (3:1). This can make it difficult for users with visual impairments to read the text comfortably. To improve accessibility, consider using #004aad for larger text elements or pairing it with a very light or white color. Using a color contrast checker is highly recommended to ensure compliance with accessibility standards and to provide a better user experience for all users. Also avoid using it as the only visual means to convey important information.

Shades

Digital Color Formats

RGB
0 74 173
RGB0 74 173
Red
Green
Blue
HSL
214.34deg 100% 33.92%
214.3410033.92HSL
Hue
Saturation
Lightness
HWB
214.34deg 0% 32.16%
214.34032.16HWB
Hue
Whiteness
Blackness
hex#004AAD
rgb0 74 173
hsl214.34deg 100% 33.92%
cmyk100% 57.23% 0% 32.16%
hwb214.34deg 0% 32.16%
xyz-d650.1 0.08 0.41
oklch0.4365 0.171 259.22
oklab0.4365 -0.03 -0.17
CMYK
100% 57.23% 0% 32.16%
10057.23032.16CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.41
0.10.080.41XYZ
X
Y
Z
OKLCH
0.4365 0.171 259.22
0.43650.171259.22LCH
Lightness
Chroma
Hue
OKLAB
0.4365 -0.03 -0.17
0.4365-0.03-0.17LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons