Ultramarine

General Information about Ultramarine

The hex color code #1012A4 represents a deep, saturated shade of blue known as Ultramarine. In the RGB color model, it is composed of 6.27% red, 7.06% green, and 64.31% blue. This color is often associated with feelings of depth, stability, and authority, and it is frequently used to evoke a sense of trust and confidence. Ultramarine's rich and captivating hue makes it a popular choice in branding, web design, and print materials. It is a color that commands attention and leaves a lasting impression, lending a touch of sophistication to any project. Its distinctive visual character helps it stand out from the rest of the blues. Its CYMK value is C:90 M:89 Y:0 K:36.

The color #1012A4, also known as Ultramarine, presents some accessibility challenges, especially concerning text contrast. When used as a background color, it requires very light text (ideally white or near-white) to ensure readability. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text to meet WCAG (Web Content Accessibility Guidelines) standards. Using color contrast analysis tools is essential to verify compliance. Avoid pairing Ultramarine with dark or similarly-toned colors for text or interactive elements, as this will significantly reduce readability for users, particularly those with visual impairments. Consider providing alternative color schemes that offer better contrast for users who may need them. Implementing these strategies will make your designs more inclusive and accessible.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design Highlight

  Ultramarine, with its rich and captivating hue, brings an air of sophistication and depth to web design. It is particularly effective when used to highlight key interactive elements, drawing the user's eye and creating a sense of importance. Consider using it for call-to-action buttons, links, or navigational elements to enhance user engagement. However, avoid overusing this bold color, as it can become overwhelming. Instead, balance it with neutral tones to create a visually appealing and user-friendly interface. Its use in website headers provides a professional appearance.

• Eye Makeup

  In the realm of beauty, Ultramarine offers a striking and captivating choice for eye makeup. Its intense pigmentation allows for the creation of dramatic and unforgettable looks. Whether used as an eyeshadow, eyeliner, or mascara, Ultramarine adds depth and dimension to the eyes, making them appear brighter and more alluring. Pair it with neutral shades to create a balanced and sophisticated look, or embrace its boldness and use it to create a statement-making effect. Its intense pigment works well with many skin tones.

• Fashion

  In fashion, ultramarine can add a splash of color to create contrast with complementary colors. A dress can use ultramarine as its primary color, and be paired with yellow or orange accessories for an eye-catching visual effect. Similarly, a suit can use ultramarine as the primary color, and be contrasted with a white undershirt. Ultramarine can also be used for athletic wear, such as yoga pants or sneakers, to add an energetic splash of color.

Complementary color

Buttons