Ultramarine

#1E12A4

About Ultramarine

Ultramarine, represented by the hexadecimal color code #1e12a4, is a deep, rich blue color that evokes feelings of serenity, sophistication, and stability. Historically, ultramarine was derived from the precious stone lapis lazuli, making it a highly valued pigment used in paintings, especially during the Renaissance. Today, synthetic ultramarine is readily available, making it more accessible for various applications. In color theory, ultramarine is considered a cool color, often associated with trust, intelligence, and formality. Its deep hue can add a sense of depth and dimension to designs. It’s important to use this color judiciously, considering its intensity and potential impact on the overall aesthetic. The color's prominence throughout history highlights its lasting appeal and versatility across different mediums.

The color #1e12a4, a deep ultramarine, presents some accessibility challenges, especially when used as a foreground color against a white or light-colored background. Due to its relatively low luminance, the contrast ratio may not meet WCAG (Web Content Accessibility Guidelines) standards, particularly for users with visual impairments. To improve accessibility, it is crucial to pair this color with a very light color, such as white (#ffffff) or a light yellow, to ensure sufficient contrast. Alternatively, consider using a lighter shade of blue or a completely different color palette altogether if contrast remains an issue. In user interface design, avoid using this color for critical interactive elements like buttons or links without careful consideration of the contrast. Text size also plays a role; larger text sizes improve readability even with lower contrast ratios. Thorough testing with accessibility evaluation tools and users with disabilities is recommended to validate the accessibility of color choices.

Shades

Digital Color Formats

RGB
30 18 164
RGB30 18 164
Red
Green
Blue
HSL
244.93deg 80.22% 35.69%
244.9380.2235.69HSL
Hue
Saturation
Lightness
HWB
244.93deg 7.06% 35.69%
244.937.0635.69HWB
Hue
Whiteness
Blackness
hex#1E12A4
rgb30 18 164
hsl244.93deg 80.22% 35.69%
cmyk81.71% 89.02% 0% 35.69%
hwb244.93deg 7.06% 35.69%
xyz-d650.07 0.03 0.35
oklch0.347 0.2105 270.66
oklab0.347 0 -0.21
CMYK
81.71% 89.02% 0% 35.69%
81.7189.02035.69CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.03 0.35
0.070.030.35XYZ
X
Y
Z
OKLCH
0.347 0.2105 270.66
0.3470.2105270.66LCH
Lightness
Chroma
Hue
OKLAB
0.347 0 -0.21
0.3470-0.21LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons