Ultramarine

#0B178D

General Information about Ultramarine

Ultramarine, represented by the hexadecimal color code #0B178D, is a deep, rich shade of blue. It is often associated with qualities such as depth, stability, and sophistication. The color's name originates from the Latin 'ultramarinus,' meaning 'beyond the sea,' as it was originally derived from the precious gemstone lapis lazuli, which was imported from overseas. In color psychology, Ultramarine is often linked to feelings of calmness and reflection. It is a color that can evoke a sense of trust and authority, making it a popular choice for corporate branding and designs aimed at conveying reliability. The hex code #0B178D breaks down into 4.39% red, 9.02% green, and 55.3% blue, indicating a strong dominance of blue within its composition. This color is relatively dark, which means that it requires careful consideration when used in design to ensure sufficient contrast and readability, especially with text.

The hex color #0B178D, also known as Ultramarine, presents significant accessibility challenges, primarily due to its low luminance. When used as a background color, sufficient contrast with text is crucial for readability. According to WCAG guidelines, the contrast ratio between the text and background should be at least 4.5:1 for normal text and 3:1 for large text (14pt bold or 18pt regular). Given the darkness of Ultramarine, only very light colors like white or light yellow are likely to meet these contrast requirements. Using darker text colors on an Ultramarine background will likely result in poor readability, especially for users with visual impairments. It is essential to test color combinations with accessibility tools to ensure compliance. Designers should consider using Ultramarine sparingly, perhaps as an accent color, or pairing it with a much lighter background to maintain accessibility standards. Also avoid using it for important information if a lighter color cannot be used for the text. The same principle can be used if the Ultramarine is used for a text color.

Shades

Digital Color Formats

RGB
11 23 141
RGB11 23 141
Red
Green
Blue
HSL
234.46deg 85.53% 29.8%
234.4685.5329.8HSL
Hue
Saturation
Lightness
HWB
234.46deg 4.31% 44.71%
234.464.3144.71HWB
Hue
Whiteness
Blackness
hex#0B178D
rgb11 23 141
hsl234.46deg 85.53% 29.8%
cmyk92.2% 83.69% 0% 44.71%
hwb234.46deg 4.31% 44.71%
xyz-d650.05 0.03 0.25
oklch0.3145 0.1854 266.42
oklab0.3145 -0.01 -0.19
CMYK
92.2% 83.69% 0% 44.71%
92.283.69044.71CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.03 0.25
0.050.030.25XYZ
X
Y
Z
OKLCH
0.3145 0.1854 266.42
0.31450.1854266.42LCH
Lightness
Chroma
Hue
OKLAB
0.3145 -0.01 -0.19
0.3145-0.01-0.19LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons