Ultramarine

About Ultramarine (#100692)

Ultramarine, represented by the hexadecimal color code #100692, is a deep, rich blue hue reminiscent of the pigment derived from lapis lazuli. This color evokes feelings of sophistication, depth, and tranquility. In the RGB color model, it consists of 6.3% red, 2.4% green, and 57.3% blue. Ultramarine is often associated with royalty, wisdom, and spirituality. Its historical significance as a valuable pigment used in paintings and religious art further contributes to its perceived elegance and importance. In modern applications, Ultramarine can be used to create a sense of luxury and trustworthiness, making it a popular choice for branding, web design, and interior decoration. However, its darkness requires careful consideration of contrast to ensure readability and accessibility.

The color #100692, Ultramarine, presents significant accessibility challenges, especially when used as text on a white or light-colored background. Its dark hue results in low contrast, making it difficult for individuals with visual impairments to read. To improve accessibility, it is recommended to pair Ultramarine with significantly lighter colors to achieve a contrast ratio that meets WCAG guidelines (ideally 4.5:1 for normal text and 3:1 for large text). Additionally, avoid using Ultramarine for crucial interactive elements or information-conveying graphics without adequate contrast. Providing alternative text descriptions for images and ensuring that interactive elements have clear focus indicators are essential for inclusivity. Consider using a color contrast checker to verify that the color combination meets accessibility standards before implementation.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design Accent Color

  In web design, Ultramarine can be used sparingly for headings or decorative elements to add a touch of sophistication. However, due to its low contrast, it should be avoided for body text or important UI elements. Consider using it as an accent color in a website's color scheme to create depth and visual interest without compromising readability. For example, Ultramarine could be used in website footers, progress bars, or as hover effects on buttons, ensuring sufficient contrast with surrounding elements. It should be applied thoughtfully in web applications to ensure it does not hinder usability.

• Interior Design Accent

  In interior design, Ultramarine can serve as a bold accent color in a room. It can be used on a feature wall or in decorative accessories like cushions, vases, or artwork to add depth and richness to the space. When using Ultramarine in interior design, it's crucial to balance it with lighter, neutral colors to prevent the room from feeling too dark or overwhelming. This color works well in combination with creams, whites, and light grays, and can also be complemented by metallic accents like gold or silver to create a luxurious and sophisticated ambiance. Ultramarine can also be used in smaller doses, such as in patterned fabrics or decorative trimmings, to add visual interest without dominating the overall design.

• Fashion Statement Color

  In fashion, Ultramarine can be used as a statement color for clothing or accessories. A dress or blazer in this color can make a bold impression, while accessories like scarves or handbags can add a pop of color to an outfit. When incorporating Ultramarine into fashion, it's important to consider the occasion and the overall look you want to achieve. It pairs well with neutral colors like black, white, gray, and beige, and can also be combined with complementary colors like yellow or orange for a more daring and vibrant style. The color works especially well for evening wear, but can be adapted into everyday wear with the right styling choices.

Complementary color

Buttons