Ultramarine

General Information about Ultramarine

The hex color #0A0C91, commonly known as Ultramarine, is a deep and intense shade of blue. It belongs to the blue color family and is characterized by its high saturation and relatively low brightness. In the RGB color model, it consists of 3.92% red, 4.71% green, and 56.86% blue. In the CMYK color model, it is composed of 93% cyan, 91% magenta, 0% yellow, and 43% black. Ultramarine's historical significance stems from its origin as a pigment derived from the mineral lapis lazuli. This made it a highly prized color in Renaissance painting, often reserved for depicting important figures and religious scenes. Today, synthetic versions of Ultramarine are readily available, making it accessible for a wide range of applications, from digital design to textile production.

The color #0A0C91, a deep ultramarine, presents several accessibility considerations for web developers. Its low luminance value means it requires careful pairing with contrasting colors to ensure readability. When used as text against a white background, it fails WCAG AA and AAA standards for normal text sizes. However, it might pass for large text (18pt or 14pt bold). To improve accessibility, consider using it with lighter shades of yellow, white, or even light blues as background or text colors. Avoid using it alongside other dark colors, as this will reduce contrast and make it difficult for users with visual impairments to perceive the content. Providing sufficient contrast is crucial for users with low vision or color blindness. Tools like contrast checkers can help determine if the contrast ratio meets accessibility guidelines. Use CSS to specify both foreground and background colors to ensure the intended contrast is maintained.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design for Corporate Identity

  In web design, Ultramarine is often utilized to convey trust, authority, and stability, making it ideal for corporate websites, banking platforms, and government portals. It can be applied sparingly as an accent color for headings, buttons, and navigational elements to draw attention without overwhelming the user. When incorporated into data visualizations like charts and graphs, it effectively distinguishes datasets and enhances clarity. However, due to its darkness, it is crucial to ensure adequate contrast by pairing it with lighter backgrounds or text colors to guarantee readability and accessibility for all users. Furthermore, strategic use of Ultramarine in website branding can significantly strengthen brand recognition and instill a sense of reliability.

• Interior Design and Fashion

  In interior design, Ultramarine can bring a sense of depth and sophistication to a space, especially when used as an accent wall color or for upholstery. It pairs well with neutral tones like beige, gray, and white, creating a balanced and calming atmosphere. Accessorizing with Ultramarine elements such as throw pillows, rugs, or artwork can add pops of color without dominating the room. In fashion, Ultramarine can be used to create striking and elegant looks. It works beautifully in evening gowns, statement jewelry, and accessories, adding a touch of luxury and refinement to any outfit. It is particularly flattering on individuals with cool skin tones and complements a variety of hair colors.

• Graphic Design and Branding

  In graphic design, Ultramarine's association with depth and clarity makes it useful for branding and marketing materials. It works especially well for companies in finance, technology, or education, where trust and reliability are key. To ensure readability, pair it with a font that is light in color, and large enough for accessibility. If used as a background color, it is best if the other components are in a light color and simple for visual understanding.

Complementary color

Buttons