Ultramarine

#030098

General Information about Ultramarine

Ultramarine (#030098) is a deep blue color that derives its name from the Latin "ultramarinus," meaning "beyond the sea," as it was originally imported from minerals found overseas. Chemically, it's a complex sodium aluminosilicate with sulfur. Historically, ultramarine was highly prized and expensive, often reserved for the robes of the Virgin Mary in religious art. In modern color theory, ultramarine is considered a cool color, associated with tranquility, depth, and stability. It is commonly used to evoke feelings of calmness, trust, and authority. Due to its dark nature, ultramarine can be used effectively for backgrounds or accents, but it requires careful consideration of contrast when used with text to ensure readability and accessibility. Its hex code, #030098, represents its composition in the RGB (Red, Green, Blue) color model, with very low red and green values and a high blue value.

The hex color #030098, also known as Ultramarine, presents significant accessibility challenges, especially in web design. Its extremely dark hue results in very low contrast against standard light backgrounds, such as white (#FFFFFF). This lack of contrast makes text and other visual elements difficult to read for users with visual impairments, including those with low vision or color blindness. Therefore, it is crucial to use this color sparingly and always pair it with very light or even white text to ensure readability. When used for interactive elements like buttons or links, sufficient contrast is essential for usability. Adhering to WCAG (Web Content Accessibility Guidelines) standards is highly recommended. A contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is required to meet WCAG AA standards, while a contrast ratio of 7:1 for normal text and 4.5:1 for large text is required to meet WCAG AAA standards. Using a color contrast checker is highly recommended to verify compliance.

Shades

Digital Color Formats

RGB
3 0 152
RGB3 0 152
Red
Green
Blue
HSL
241.18deg 100% 29.8%
241.1810029.8HSL
Hue
Saturation
Lightness
HWB
241.18deg 0% 40.39%
241.18040.39HWB
Hue
Whiteness
Blackness
hex#030098
rgb3 0 152
hsl241.18deg 100% 29.8%
cmyk98.03% 100% 0% 40.39%
hwb241.18deg 0% 40.39%
xyz-d650.06 0.02 0.3
oklch0.3081 0.2122 264.7
oklab0.3081 -0.02 -0.21
CMYK
98.03% 100% 0% 40.39%
98.03100040.39CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.02 0.3
0.060.020.3XYZ
X
Y
Z
OKLCH
0.3081 0.2122 264.7
0.30810.2122264.7LCH
Lightness
Chroma
Hue
OKLAB
0.3081 -0.02 -0.21
0.3081-0.02-0.21LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons