Ultramarine
General Information about Ultramarine
Ultramarine, represented by the hexadecimal color code #070695, is a deep, rich blue hue. It derives its name from the Latin 'ultramarinus,' meaning 'beyond the sea,' as the original pigment was made from lapis lazuli imported from distant lands. Chemically, the modern pigment is a complex sodium aluminosilicate containing sulfur. Historically, ultramarine was highly prized, often more valuable than gold, and reserved for the most important figures in paintings, such as the Virgin Mary. Today, synthetic ultramarine is readily available, making the color more accessible. This particular shade of ultramarine is close to being a pure blue, though it has a very low lightness value.
The color #070695, a deep ultramarine, presents significant accessibility challenges. Its extremely low lightness value results in very poor contrast against typical light backgrounds (like white). Text rendered in this color on a white background would be exceedingly difficult to read for most users, and nearly impossible for individuals with low vision or color blindness. According to WCAG guidelines, it fails all contrast ratio tests. To improve accessibility, it's essential to pair this color with a much lighter color for text or interactive elements. Consider using white or very light shades of yellow or green for text on a #070695 background. Alternatively, avoid using this color for text altogether and reserve it for decorative elements where legibility is not crucial. Adequate contrast is paramount for ensuring a website or application is usable by everyone.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of blue that offers better contrast while maintaining a similar aesthetic.
A more vibrant blue that can be used to add a pop of color without sacrificing readability.
A dark cyan that offers a balance between visual interest and accessibility, providing a good contrast for both text and background elements.
Applications
Web Design Accent
In web design, #070695 can be used sparingly as an accent color to highlight key elements or create a sense of depth. Due to its darkness, it is not suitable for large areas of background color or for text, unless paired with a very light color for contrast. It could be used for borders, icons, or as a hover effect color. Using this color can evoke feelings of professionalism and security, which is suitable for business and finantial websites.
Interior Design Accent
In interior design, #070695 can be used as a bold statement color for a feature wall or in smaller decorative elements like cushions or artwork. It pairs well with lighter neutrals like beige, gray, or white to create a balanced and sophisticated look. The depth of this color can add a sense of luxury and drama to a room. It could also be used for velvet fabrics to add some extra shine.
Fashion Accent
In fashion, #070695 can be used in formal wear such as evening gowns or suits to add a touch of sophistication and mystery. It can also be incorporated into accessories like handbags or shoes to add a pop of color to a more neutral outfit. Due to its bold nature, it's often best used as an accent rather than the primary color.