Ultramarine

About Ultramarine

Ultramarine, represented by the hexadecimal color code #110695, is a deep blue pigment that has been highly valued since ancient times. Derived originally from the mineral lapis lazuli, ultramarine was historically more precious than gold due to the extensive mining and processing required to extract the pigment. Today, synthetic ultramarine is widely available, offering the same rich color at a much lower cost. In color theory, ultramarine is considered a cool color, evoking feelings of calmness, depth, and sophistication. Its deep saturation makes it a popular choice in various applications, from art and design to fashion and cosmetics. Understanding its properties and historical significance can inform its effective use in modern contexts. The color sits between blue and violet on the color wheel.

The hex color #110695, a deep ultramarine, presents significant accessibility challenges, particularly in text applications. Its low luminance value of approximately 2.8 cd/m² means it offers insufficient contrast against standard white backgrounds. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text to ensure readability for users with visual impairments. #110695 falls far short of these recommendations. Therefore, when using this color for text, it is crucial to pair it with a very light color such as white or a pale yellow to meet accessibility standards. Using online contrast checkers is highly recommended to verify contrast ratios and ensure compliance. Also, avoid using this color for important UI elements without proper contrast, as it can severely hinder usability for many users. For graphical elements and larger areas, consider using lighter tints of ultramarine to improve visibility and inclusivity.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design Accents

  In web design, ultramarine can be used sparingly as an accent color to highlight key elements such as buttons or links. Its depth and richness can draw attention, but due to its low luminance, it should be combined with high-contrast text and background colors to ensure accessibility. For example, a call-to-action button with white text on an ultramarine background can be effective if the button is large enough to meet contrast requirements. However, avoid using it for extensive blocks of text or critical interface elements where readability is paramount. Ultramarine can also be used in website branding to evoke feelings of trust and sophistication.

• Fashion and Apparel

  In fashion, ultramarine can be used to create striking and sophisticated looks. As a deep and rich color, it works well in evening wear, formal attire, or as a bold accent in accessories. It can be paired with neutral colors like gray, black, or white to create a classic and elegant look. Alternatively, it can be combined with complementary colors like gold or yellow to create a more vibrant and eye-catching ensemble. When using ultramarine in fashion, consider the texture and material of the fabric to enhance the color's depth and luminosity. It is often used for dresses, suits, and statement pieces.

• Interior Design Accents

  In interior design, ultramarine can serve as a captivating accent color to infuse depth and character into a room. It is particularly effective in spaces where a sense of tranquility and sophistication is desired, such as bedrooms or living rooms. Ultramarine can be incorporated through accent walls, decorative pillows, or statement furniture pieces. When used on walls, it's advisable to balance the intensity by pairing it with lighter, neutral tones for the remaining walls and décor. For furniture and accessories, consider using ultramarine to add pops of color against a backdrop of grays, creams, or whites. Its deep hue can evoke a sense of elegance and create a focal point in the space.

Complementary color

Buttons