Ultramarine

#080D8F

About Ultramarine

Ultramarine, represented by the hexadecimal color code #080D8F, is a deep, rich blue pigment. Its name originates from the Latin 'ultramarinus,' meaning 'beyond the sea,' as it was originally imported from mines in Afghanistan by sea. Historically, ultramarine was made by grinding lapis lazuli into a fine powder. Because of the cost of importing and processing this raw material, it was a pigment reserved for lavish commissions. Today, synthetic ultramarine is widely available, providing a vibrant and consistent blue hue for various applications, including art, cosmetics, and industrial coatings. The color evokes feelings of depth, tranquility, and sophistication.

The contrast ratio of #080D8F (Ultramarine) with white text is quite low, presenting readability challenges, especially for users with visual impairments. A higher contrast ratio, ideally above 4.5:1 for normal text and 3:1 for large text, is recommended to meet WCAG accessibility guidelines. Using lighter text colors like white may not provide sufficient contrast. To enhance accessibility, consider using a much lighter color such as a pale yellow or a very light gray for the text. Moreover, avoid using this color for important interactive elements without proper text labels or visual cues, ensuring a clear affordance for all users, including those with color blindness or low vision.

Shades

Digital Color Formats

RGB
8 13 143
RGB8 13 143
Red
Green
Blue
HSL
237.78deg 89.4% 29.61%
237.7889.429.61HSL
Hue
Saturation
Lightness
HWB
237.78deg 3.14% 43.92%
237.783.1443.92HWB
Hue
Whiteness
Blackness
hex#080D8F
rgb8 13 143
hsl237.78deg 89.4% 29.61%
cmyk94.41% 90.91% 0% 43.92%
hwb237.78deg 3.14% 43.92%
xyz-d650.05 0.02 0.26
oklch0.3061 0.1952 265.96
oklab0.3061 -0.01 -0.19
CMYK
94.41% 90.91% 0% 43.92%
94.4190.91043.92CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.02 0.26
0.050.020.26XYZ
X
Y
Z
OKLCH
0.3061 0.1952 265.96
0.30610.1952265.96LCH
Lightness
Chroma
Hue
OKLAB
0.3061 -0.01 -0.19
0.3061-0.01-0.19LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons