Cobalt

#0C3DA8

General Information about Cobalt Blue

The color #0c3da8, also known as Cobalt, is a deep and captivating shade of blue. It resides within the blue color family and evokes feelings of stability, trust, and intelligence. Cobalt blue has a rich history, dating back to ancient times, when it was derived from cobalt salts. In modern usage, #0c3da8 is frequently employed in graphic design, web development, and branding to convey professionalism and sophistication. Its hexadecimal representation, #0c3da8, precisely defines its color composition in digital environments. Understanding the characteristics of this color, including its psychological effects and cultural associations, is crucial for effective application in visual communication. Furthermore, it's important to consider accessibility when utilizing this color in user interfaces to ensure readability and inclusivity for all users.

The hex color #0c3da8, also known as Cobalt, presents some accessibility challenges, particularly in scenarios involving text and background contrasts. When used as a background color, it requires light-colored text to ensure sufficient contrast for readability. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. It's crucial to test color combinations using accessibility tools to verify compliance. Using this color for interactive elements like buttons or links necessitates careful consideration of focus states. A visible focus indicator, achieved through a contrasting border or background change, is essential for keyboard navigation. When paired with other dark colors, it can lead to low contrast, making it difficult for users with visual impairments to perceive content. Therefore, strategic use and thorough testing are imperative to create an inclusive user experience.

Shades

Digital Color Formats

RGB
12 61 168
RGB12 61 168
Red
Green
Blue
HSL
221.15deg 86.67% 35.29%
221.1586.6735.29HSL
Hue
Saturation
Lightness
HWB
221.15deg 4.71% 34.12%
221.154.7134.12HWB
Hue
Whiteness
Blackness
hex#0C3DA8
rgb12 61 168
hsl221.15deg 86.67% 35.29%
cmyk92.86% 63.69% 0% 34.12%
hwb221.15deg 4.71% 34.12%
xyz-d650.09 0.06 0.38
oklch0.4073 0.1789 262.8
oklab0.4073 -0.02 -0.18
CMYK
92.86% 63.69% 0% 34.12%
92.8663.69034.12CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.09 0.06 0.38
0.090.060.38XYZ
X
Y
Z
OKLCH
0.4073 0.1789 262.8
0.40730.1789262.8LCH
Lightness
Chroma
Hue
OKLAB
0.4073 -0.02 -0.18
0.4073-0.02-0.18LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons