Ultramarine

#020596

About Ultramarine (#020596)

Ultramarine, represented by the hex code #020596, is a deep, saturated blue color. Historically, ultramarine pigment was derived from the semi-precious stone lapis lazuli, making it a highly prized and expensive pigment, often reserved for use in religious art and commissioned pieces. The name 'ultramarine' literally means 'beyond the sea,' referring to the fact that the pigment had to be imported to Europe from mines in Asia. Today, synthetic ultramarine is readily available, making it a common color in paints, dyes, and other applications. In the RGB color model, #020596 consists of 0.8% red, 2% green, and 58.8% blue. This composition gives it a strong blue dominance and a relatively low luminance value. Its deepness evokes feelings of tranquility, depth, and stability, making it a popular choice for branding and design where a sense of trust and reliability is desired.

The hex color #020596, also known as Ultramarine, presents several accessibility considerations for web developers. Due to its deep, saturated blue hue, it exhibits a low luminance value. When used as a foreground color, it necessitates careful pairing with a sufficiently light background to ensure adequate contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Using a very light color like white or a pale yellow can help meet these contrast requirements. Developers should use contrast checking tools to verify compliance. Furthermore, avoid using this color as the sole means of conveying important information, as users with color vision deficiencies may not perceive it accurately. Providing redundant cues, such as text labels or icons, is essential for inclusive design. When used for interactive elements like buttons or links, ensure sufficient visual distinction beyond color alone to indicate interactivity.

Shades

Digital Color Formats

RGB
2 5 150
RGB2 5 150
Red
Green
Blue
HSL
238.78deg 97.37% 29.8%
238.7897.3729.8HSL
Hue
Saturation
Lightness
HWB
238.78deg 0.78% 41.18%
238.780.7841.18HWB
Hue
Whiteness
Blackness
hex#020596
rgb2 5 150
hsl238.78deg 97.37% 29.8%
cmyk98.67% 96.67% 0% 41.18%
hwb238.78deg 0.78% 41.18%
xyz-d650.06 0.02 0.29
oklch0.3084 0.208 264.57
oklab0.3084 -0.02 -0.21
CMYK
98.67% 96.67% 0% 41.18%
98.6796.67041.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.02 0.29
0.060.020.29XYZ
X
Y
Z
OKLCH
0.3084 0.208 264.57
0.30840.208264.57LCH
Lightness
Chroma
Hue
OKLAB
0.3084 -0.02 -0.21
0.3084-0.02-0.21LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons