Ultramarine

#121486

About Ultramarine

Ultramarine, represented by the hexadecimal color code #121486, is a deep and rich shade of blue. It is derived from the pigment lapis lazuli, a semi-precious stone, and historically valued for its vibrant color. In the RGB color model, #121486 consists of 7.06% red, 7.84% green, and 52.55% blue. This composition contributes to its intense blue hue. Ultramarine has been used for centuries in art, dating back to ancient times. It remains a popular color in various applications, from digital design to fashion. Because of its high blue content, it can evoke feelings of calmness and serenity.

The color #121486, a deep shade of ultramarine, presents significant accessibility challenges. Its low luminance value means it offers insufficient contrast against common background colors like white, making text or interface elements difficult to read for users with visual impairments. To improve accessibility, it's crucial to pair this color with a significantly lighter color for text or interactive elements. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text, as per WCAG guidelines. Using online contrast checkers can help ensure compliance. Additionally, avoid using this color as the sole indicator for important information; supplement it with text labels or icons to ensure inclusivity for colorblind users.

Shades

Digital Color Formats

RGB
18 20 134
RGB18 20 134
Red
Green
Blue
HSL
238.97deg 76.32% 29.8%
238.9776.3229.8HSL
Hue
Saturation
Lightness
HWB
238.97deg 7.06% 47.45%
238.977.0647.45HWB
Hue
Whiteness
Blackness
hex#121486
rgb18 20 134
hsl238.97deg 76.32% 29.8%
cmyk86.57% 85.07% 0% 47.45%
hwb238.97deg 7.06% 47.45%
xyz-d650.05 0.02 0.23
oklch0.3045 0.1779 268.69
oklab0.3045 0 -0.18
CMYK
86.57% 85.07% 0% 47.45%
86.5785.07047.45CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.02 0.23
0.050.020.23XYZ
X
Y
Z
OKLCH
0.3045 0.1779 268.69
0.30450.1779268.69LCH
Lightness
Chroma
Hue
OKLAB
0.3045 0 -0.18
0.30450-0.18LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons