Ultramarine

#010797

General Information

The color #010797, often referred to as Ultramarine, is a deep shade of blue. In the RGB color model, it is composed of 0.4% red, 2.7% green, and 59.2% blue. This composition gives it a strong blue dominance, leading to its characteristic intense and saturated appearance. Ultramarine historically comes from the precious gemstone Lapis Lazuli. It has been a prized pigment for centuries, valued for its exceptional brilliance and permanence. In modern applications, it is synthetically produced, retaining its vibrant hue while being more accessible and affordable. It evokes feelings of serenity, stability, and sophistication.

The hex color #010797, a deep ultramarine, presents several accessibility considerations for web design. Its low luminance value (relative darkness) necessitates careful attention to contrast ratios. When used as a background color, it demands light-colored text to ensure readability, aiming for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text, as per WCAG guidelines. Insufficient contrast can exclude users with low vision or color deficiencies. Moreover, avoid using this color as the sole indicator for interactive elements like links or buttons; supplement it with text labels or icons to accommodate users who may not perceive the color difference. Thoughtful application, considering these factors, is crucial for inclusive design.

Shades

Digital Color Formats

RGB
1 7 151
RGB1 7 151
Red
Green
Blue
HSL
237.6deg 98.68% 29.8%
237.698.6829.8HSL
Hue
Saturation
Lightness
HWB
237.6deg 0.39% 40.78%
237.60.3940.78HWB
Hue
Whiteness
Blackness
hex#010797
rgb1 7 151
hsl237.6deg 98.68% 29.8%
cmyk99.34% 95.36% 0% 40.78%
hwb237.6deg 0.39% 40.78%
xyz-d650.06 0.02 0.29
oklch0.3109 0.2084 264.38
oklab0.3109 -0.02 -0.21
CMYK
99.34% 95.36% 0% 40.78%
99.3495.36040.78CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.02 0.29
0.060.020.29XYZ
X
Y
Z
OKLCH
0.3109 0.2084 264.38
0.31090.2084264.38LCH
Lightness
Chroma
Hue
OKLAB
0.3109 -0.02 -0.21
0.3109-0.02-0.21LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons