Ultramarine

#031495

About Ultramarine (#031495)

Ultramarine, represented by the hexadecimal color code #031495, is a deep, intense shade of blue. Historically, the term 'ultramarine' referred to a pigment derived from the precious stone lapis lazuli. This pigment was highly valued for its vibrant and lasting color, making it a prized material in Renaissance paintings. The name 'ultramarine' literally means 'beyond the sea,' reflecting the fact that lapis lazuli had to be imported to Europe from distant lands, primarily Afghanistan. Today, synthetic ultramarine pigments are widely available, offering a more affordable alternative to the natural material. Ultramarine blue is characterized by its rich, non-fade quality and its ability to add depth and drama to visual creations. It stands as a timeless shade, cherished for its historical significance and enduring aesthetic appeal.

The hex color #031495, also known as Ultramarine, presents significant accessibility challenges, particularly in web design. Due to its deep, saturated nature, it offers very low contrast against light backgrounds, making text and interface elements difficult to read for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Ultramarine often fails to meet these standards when paired with common background colors like white or light gray. Therefore, when using #031495, it is crucial to select appropriate contrasting colors for text and interactive elements. Light shades of yellow, orange, or green can sometimes provide sufficient contrast. Additionally, providing alternative styling options, such as high-contrast themes, can greatly improve accessibility for users with varying visual needs. Careful consideration of color combinations is essential to ensure that content is perceivable and usable by all individuals, regardless of their visual abilities.

Shades

Digital Color Formats

RGB
3 20 149
RGB3 20 149
Red
Green
Blue
HSL
233.01deg 96.05% 29.8%
233.0196.0529.8HSL
Hue
Saturation
Lightness
HWB
233.01deg 1.18% 41.57%
233.011.1841.57HWB
Hue
Whiteness
Blackness
hex#031495
rgb3 20 149
hsl233.01deg 96.05% 29.8%
cmyk97.99% 86.58% 0% 41.57%
hwb233.01deg 1.18% 41.57%
xyz-d650.06 0.03 0.29
oklch0.3194 0.1985 264.8
oklab0.3194 -0.02 -0.2
CMYK
97.99% 86.58% 0% 41.57%
97.9986.58041.57CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.03 0.29
0.060.030.29XYZ
X
Y
Z
OKLCH
0.3194 0.1985 264.8
0.31940.1985264.8LCH
Lightness
Chroma
Hue
OKLAB
0.3194 -0.02 -0.2
0.3194-0.02-0.2LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons