Ultramarine

About Ultramarine (#120C8C)

The hex color #120C8C, also known as Ultramarine, is a deep, rich shade of blue. In the RGB color model, it is composed of 7.06% red, 4.71% green, and 54.9% blue. It sits firmly in the blue color spectrum and evokes feelings of depth, calmness, and sophistication. Ultramarine's historical significance stems from its use in fine art, where it was originally derived from the semi-precious stone lapis lazuli. This made it one of the most expensive pigments available, often reserved for depictions of important figures or religious icons. Today, synthetic versions make it widely accessible, yet it retains a sense of luxury and elegance. Its hexadecimal triplet is 120C8C, and it has low saturation and luminance values.

The color #120C8C, a deep ultramarine, presents significant accessibility challenges, particularly for users with visual impairments. Its low luminance value necessitates careful consideration of contrast ratios. When used as a foreground color, it demands a very light background to meet WCAG (Web Content Accessibility Guidelines) standards for sufficient contrast. Small text in this color can be difficult to read even for users with normal vision. It's advisable to avoid using this color for critical information or interactive elements without ensuring a high contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (14pt bold or 18pt). Providing alternative text or visual cues is crucial to ensure inclusivity. Colorblind users may also struggle to differentiate this color from other dark shades, so relying solely on color to convey meaning should be avoided.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design Accent

  In web design, ultramarine can be used as an accent color to highlight specific elements or sections, such as headers or calls to action. However, given its dark nature, it should be paired with lighter colors to ensure readability and accessibility. For example, using it for large headings on a white or very light background can create a striking visual effect. Also consider using it in conjunction with interactive elements, such as buttons or links, ensuring sufficient contrast to allow for easy detection. It is important to check contrast ratios to comply with accessibility standards and create an inclusive user experience. As a background for white text, it can add elegance.

• Fashion and Apparel

  In fashion, ultramarine can be used in clothing and accessories to add a touch of sophistication and depth. It works well as a statement color for dresses, suits, or outerwear. For accessories, such as scarves or handbags, it can add a subtle pop of color to an outfit. It can be paired with neutrals like gray, black, or white, or with complementary colors like yellow or gold for a more vibrant look. Consider using it as a dominant color in a garment, especially if paired with lighter, contrasting elements such as trim or buttons. Ultramarine is an excellent choice for garments intended for evening wear or formal occasions.

• Interior Design Accent Wall

  Ultramarine can create a bold, elegant aesthetic in interior design. It is well-suited for creating focal points such as accent walls in a living room, office, or bedroom, lending the space a unique, sophisticated feel. For example, pair it with warm, neutral tones like beige or light gray for a balanced look. Consider using it in decorative elements like cushions, curtains, or rugs to add depth to a room. Also, try it as a background for artwork or picture frames, to make them stand out. In furniture, ultramarine upholstery can make a statement while working well with lighter colored floors and walls. Just be careful not to overwhelm a space with the color.

Complementary color

Buttons