Ultramarine

#0B148D

General Information about Ultramarine (#0B148D)

The color #0B148D, also known as Ultramarine, is a deep, rich shade of blue that evokes feelings of sophistication, depth, and tranquility. It is located in the blue-violet part of the color spectrum and is often associated with royalty, wisdom, and spirituality. This particular hue is created by mixing blue with a hint of purple, resulting in a color that is both calming and captivating. Historically, Ultramarine pigment was derived from the semi-precious stone lapis lazuli, making it one of the most expensive and highly prized pigments during the Renaissance. Today, synthetic versions are readily available, making it more accessible for various applications. In color psychology, Ultramarine is often used to represent trust, loyalty, and stability, making it a popular choice for corporate branding and marketing materials. Its calming properties can also be beneficial in creating a relaxing and serene atmosphere in interior design.

The hex color #0B148D, also known as Ultramarine, presents significant accessibility challenges, particularly in web design. Its dark hue results in very low contrast against typical light backgrounds (like white or light gray), making text or interface elements using this color difficult to read for users, especially those with visual impairments. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text to meet AA compliance. #0B148D falls far short of these recommendations when paired with light backgrounds. To improve accessibility, consider using a much lighter color for text or interactive elements on a #0B148D background or pairing this color with a very light foreground color. Tools like contrast checkers can help determine if a color combination meets accessibility standards. Also, avoid using this color to convey important information without providing alternative cues, such as icons or labels, to ensure that users who cannot distinguish the color are not disadvantaged. Ensuring proper color contrast is crucial for creating inclusive and user-friendly digital experiences.

Shades

Digital Color Formats

RGB
11 20 141
RGB11 20 141
Red
Green
Blue
HSL
235.85deg 85.53% 29.8%
235.8585.5329.8HSL
Hue
Saturation
Lightness
HWB
235.85deg 4.31% 44.71%
235.854.3144.71HWB
Hue
Whiteness
Blackness
hex#0B148D
rgb11 20 141
hsl235.85deg 85.53% 29.8%
cmyk92.2% 85.82% 0% 44.71%
hwb235.85deg 4.31% 44.71%
xyz-d650.05 0.02 0.25
oklch0.311 0.1878 266.52
oklab0.311 -0.01 -0.19
CMYK
92.2% 85.82% 0% 44.71%
92.285.82044.71CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.02 0.25
0.050.020.25XYZ
X
Y
Z
OKLCH
0.311 0.1878 266.52
0.3110.1878266.52LCH
Lightness
Chroma
Hue
OKLAB
0.311 -0.01 -0.19
0.311-0.01-0.19LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons