Ultramarine

#1C0CA8

General Information about Ultramarine (#1C0CA8)

Ultramarine, represented by the hexadecimal color code #1C0CA8, is a deep and vibrant shade of blue. It is named after the pigment originally derived from lapis lazuli, a semi-precious stone, giving it a rich history in art and design. This particular shade of blue is associated with qualities such as depth, stability, and authority. In the RGB color model, #1C0CA8 consists of 11% red, 5% green, and 66% blue. In the CMYK color model, which is used in printing, it is composed of 79% cyan, 92% magenta, 0% yellow, and 34% black. The perceived brightness of this color is relatively low, making it suitable for use as a background color or as an accent color against lighter backgrounds. Ultramarine's intense blue hue has psychological effects, often associated with calmness, serenity, and trustworthiness. It is widely used in various design applications, from web design to branding, where conveying a sense of reliability and professionalism is important.

The color #1C0CA8, also known as Ultramarine, presents some accessibility challenges, particularly in text-based contexts. Its dark hue provides inherent contrast against lighter backgrounds like white or very pale yellows, making it legible for many users. However, against mid-tone backgrounds or darker shades, the contrast ratio may fall below WCAG (Web Content Accessibility Guidelines) standards, potentially causing readability issues for individuals with visual impairments. To ensure optimal accessibility, it's crucial to assess the contrast ratio using tools like the WebAIM Contrast Checker. When using Ultramarine for text, consider pairing it with a light background, such as #FFFFFF or #F0F0F0, to achieve a sufficient contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. For decorative elements or non-textual elements, a contrast ratio of 3:1 is generally acceptable. Additionally, avoid relying solely on color to convey information; supplement color with text labels, icons, or other visual cues to accommodate users who are colorblind or have low vision. When using Ultramarine for interactive elements, ensure that the color change on hover or focus states provides sufficient contrast to indicate the active state.

Shades

Digital Color Formats

RGB
28 12 168
RGB28 12 168
Red
Green
Blue
HSL
246.15 86.67% 35.29%
246.1586.6735.29HSL
Hue
Saturation
Lightness
HWB
246.15 4.71% 34.12%
246.154.7134.12HWB
Hue
Whiteness
Blackness
hex#1C0CA8
rgb28 12 168
hsl246.15 86.67% 35.29%
cmyk83.33% 92.86% 0% 34.12%
hwb246.15 4.71% 34.12%
xyz7.68 3.34 37.29
CMYK
83.33% 92.86% 0% 34.12%
83.3392.86034.12CMYK
Cyan
Magenta
Yellow
Key
XYZ
7.68 3.34 37.29
7.683.3437.29XYZ
X
Y
Z

Alternative colors

Applications

Complementary color

Buttons

HexColo.rs © 2025