Ultramarine

#111687

General Information about #111687

The hexadecimal color code #111687 represents a dark shade of blue, specifically an ultramarine variant. In the RGB color model, it is composed of 6.67% red, 8.63% green, and 52.94% blue. This color is often associated with depth, stability, and sophistication. Ultramarine has a rich history, originally derived from the precious mineral lapis lazuli. It was highly valued by Renaissance artists and is often used to convey a sense of importance and elegance. In modern applications, #111687 is commonly used in branding, web design, and interior design to evoke a sense of trust and reliability.

The color #111687, a deep ultramarine, presents significant accessibility challenges, particularly for users with visual impairments. Its low lightness value means that it offers poor contrast against light backgrounds, making text difficult to read. According to WCAG guidelines, sufficient contrast is crucial for readability. To ensure accessibility, it is recommended to use #111687 with very light colors like #FFFFFF or #F0F0F0 for text or interface elements. Avoid pairing it with darker shades, as this will exacerbate readability issues. Also, consider providing alternative cues like icons or labels for users who might struggle to distinguish the color. Always test color combinations with accessibility tools to meet WCAG compliance.

Shades

Digital Color Formats

RGB
17 22 135
RGB17 22 135
Red
Green
Blue
HSL
237.46deg 77.63% 29.8%
237.4677.6329.8HSL
Hue
Saturation
Lightness
HWB
237.46deg 6.67% 47.06%
237.466.6747.06HWB
Hue
Whiteness
Blackness
hex#111687
rgb17 22 135
hsl237.46deg 77.63% 29.8%
cmyk87.41% 83.7% 0% 47.06%
hwb237.46deg 6.67% 47.06%
xyz-d650.05 0.02 0.23
oklch0.3078 0.1777 268.21
oklab0.3078 -0.01 -0.18
CMYK
87.41% 83.7% 0% 47.06%
87.4183.7047.06CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.02 0.23
0.050.020.23XYZ
X
Y
Z
OKLCH
0.3078 0.1777 268.21
0.30780.1777268.21LCH
Lightness
Chroma
Hue
OKLAB
0.3078 -0.01 -0.18
0.3078-0.01-0.18LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons