Ultramarine

#0A178E

General Information

The color #0A178E, commonly known as Ultramarine, is a deep, rich shade of blue. It is characterized by its high saturation and low lightness values, making it a visually impactful and somewhat dramatic color. Ultramarine derives its name from the Latin 'ultramarinus,' meaning 'beyond the sea,' as it was originally sourced from the precious gemstone lapis lazuli, imported from distant lands. Historically, Ultramarine was highly valued and often reserved for important artistic works, such as religious paintings. In modern color theory, Ultramarine is associated with qualities such as trust, loyalty, wisdom, confidence, intelligence, faith, truth, and heaven. It's a versatile color that can evoke feelings of calmness, stability, and security.

The color #0A178E, also known as Ultramarine, presents significant accessibility challenges, especially in web design. Its dark hue results in very low contrast against standard light backgrounds, making text or interactive elements difficult for users with visual impairments to perceive. According to WCAG guidelines, sufficient contrast is crucial for readability and usability. To improve accessibility, it's recommended to pair this color with very light shades, such as white or very pale yellow. Furthermore, consider providing alternative color schemes for users with specific visual needs. Using tools to measure contrast ratios can help ensure compliance with accessibility standards, enhancing the overall user experience for everyone.

Shades

Digital Color Formats

RGB
10 23 142
RGB10 23 142
Red
Green
Blue
HSL
234.09deg 86.84% 29.8%
234.0986.8429.8HSL
Hue
Saturation
Lightness
HWB
234.09deg 3.92% 44.31%
234.093.9244.31HWB
Hue
Whiteness
Blackness
hex#0A178E
rgb10 23 142
hsl234.09deg 86.84% 29.8%
cmyk92.96% 83.8% 0% 44.31%
hwb234.09deg 3.92% 44.31%
xyz-d650.05 0.03 0.26
oklch0.3155 0.1868 266.19
oklab0.3155 -0.01 -0.19
CMYK
92.96% 83.8% 0% 44.31%
92.9683.8044.31CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.03 0.26
0.050.030.26XYZ
X
Y
Z
OKLCH
0.3155 0.1868 266.19
0.31550.1868266.19LCH
Lightness
Chroma
Hue
OKLAB
0.3155 -0.01 -0.19
0.3155-0.01-0.19LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons