Ultramarine

#0E0C8C

General Information

Ultramarine, represented by the hex code #0E0C8C, is a deep blue color with a rich history. Derived from the pigment made from ground lapis lazuli, it was highly valued for its vibrancy and depth, particularly during the Renaissance. Historically, Ultramarine was more expensive than gold, reserving its use for special commissions. Today, synthetic versions offer an affordable alternative, but the color still retains its association with luxury and sophistication. The color sits in the blue color family and can be seen as a muted dark blue. It has a royal and luxurious look.

The hex color #0e0c8c, also known as Ultramarine, presents some accessibility challenges, particularly in text applications. Its dark hue results in a low contrast ratio against standard white backgrounds, potentially making it difficult for users with visual impairments to read text rendered in this color. To improve accessibility, it is recommended to use lighter text colors such as white (#FFFFFF) or very light grays. When used as a background color, ensuring sufficient contrast with foreground elements becomes crucial. Tools like contrast checkers can help verify compliance with WCAG guidelines, aiming for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Thoughtful color pairing can significantly enhance the inclusivity of designs incorporating Ultramarine.

Shades

Digital Color Formats

RGB
14 12 140
RGB14 12 140
Red
Green
Blue
HSL
240.94deg 84.21% 29.8%
240.9484.2129.8HSL
Hue
Saturation
Lightness
HWB
240.94deg 4.71% 45.1%
240.944.7145.1HWB
Hue
Whiteness
Blackness
hex#0E0C8C
rgb14 12 140
hsl240.94deg 84.21% 29.8%
cmyk90% 91.43% 0% 45.1%
hwb240.94deg 4.71% 45.1%
xyz-d650.05 0.02 0.25
oklch0.3031 0.1911 267.46
oklab0.3031 -0.01 -0.19
CMYK
90% 91.43% 0% 45.1%
9091.43045.1CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.02 0.25
0.050.020.25XYZ
X
Y
Z
OKLCH
0.3031 0.1911 267.46
0.30310.1911267.46LCH
Lightness
Chroma
Hue
OKLAB
0.3031 -0.01 -0.19
0.3031-0.01-0.19LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons