Ultramarine

#1B12A1

General Information about Ultramarine

The hex color #1B12A1, commonly known as Ultramarine, is a deep shade of blue with a rich and captivating presence. It belongs to the blue color family and is characterized by its strong saturation and slightly purple undertones. In the RGB color model, #1B12A1 is composed of 10.6% red, 7.1% green, and 63.1% blue. This specific combination results in a color that evokes feelings of depth, sophistication, and tranquility. Ultramarine has a long history of being associated with royalty, spirituality, and intellectual pursuits. Historically, the pigment used to create this color was derived from the precious gemstone lapis lazuli, making it one of the most expensive and highly prized colors during the Renaissance. Today, synthetic alternatives make it more accessible, but it still retains its association with luxury and high quality. Because of its visual impact, Ultramarine can be used to create a striking aesthetic.

The color #1B12A1, also known as Ultramarine, presents some accessibility challenges, particularly for users with visual impairments. Its relatively low luminance value (dark color) necessitates careful consideration of contrast ratios when used for text or interactive elements. According to WCAG guidelines, sufficient contrast between foreground and background colors is crucial for readability. For normal text (size less than 18pt or 14pt bold), a contrast ratio of at least 4.5:1 is recommended, while for large text (size 18pt or 14pt bold and larger), a contrast ratio of 3:1 is required. When using #1B12A1 as a background color, ensure that the text or interactive elements placed on top of it meet these contrast requirements. Lighter colors like white, yellow, or bright shades of green are generally more suitable choices for foreground elements on a #1B12A1 background. Tools like WebAIM's contrast checker can be used to verify contrast ratios and ensure compliance with accessibility standards. Furthermore, avoid relying solely on color to convey important information, as colorblind users may not be able to distinguish it. Always provide alternative cues, such as text labels or icons, to ensure that all users can access and understand the content.

Shades

Digital Color Formats

RGB
27 18 161
RGB27 18 161
Red
Green
Blue
HSL
243.78deg 79.89% 35.1%
243.7879.8935.1HSL
Hue
Saturation
Lightness
HWB
243.78deg 7.06% 36.86%
243.787.0636.86HWB
Hue
Whiteness
Blackness
hex#1B12A1
rgb27 18 161
hsl243.78deg 79.89% 35.1%
cmyk83.23% 88.82% 0% 36.86%
hwb243.78deg 7.06% 36.86%
xyz-d650.07 0.03 0.34
oklch0.3416 0.208 269.92
oklab0.3416 0 -0.21
CMYK
83.23% 88.82% 0% 36.86%
83.2388.82036.86CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.03 0.34
0.070.030.34XYZ
X
Y
Z
OKLCH
0.3416 0.208 269.92
0.34160.208269.92LCH
Lightness
Chroma
Hue
OKLAB
0.3416 0 -0.21
0.34160-0.21LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons