Ultramarine
General Information about Ultramarine
Ultramarine, represented by the hex code #0E118D, is a deep blue color with a rich history. The name 'Ultramarine' originates from the Latin 'ultramarinus,' meaning 'beyond the sea,' as the pigment was originally imported from mines in Afghanistan by sea. In the past, it was made by grinding lapis lazuli into a pigment. This made it one of the most expensive pigments during the medieval period and Renaissance, often reserved for depicting the robes of the Virgin Mary in paintings. Nowadays, synthetic ultramarine is produced, making the color more affordable and widely accessible. Ultramarine is known for its strong, pure blue hue and its excellent lightfastness. It is used in a variety of applications, including fine art, cosmetics, and industrial coatings. The color evokes feelings of calmness, trust, and authority, making it a popular choice in branding and design.
The color #0E118D, also known as Ultramarine, presents some accessibility challenges, particularly in web design. Its dark hue results in low contrast when paired with similarly dark colors, making text or interactive elements difficult to read for users with visual impairments. To ensure inclusivity, it's crucial to use this color with light backgrounds or complementary bright colors for text and interface elements. Meeting WCAG (Web Content Accessibility Guidelines) standards is essential; a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is recommended. Tools like contrast checkers can assist designers in verifying the contrast ratio. Thoughtful application of Ultramarine with proper contrast enhances usability for all users, regardless of their visual abilities, fostering a more accessible and user-friendly digital environment. Furthermore, avoid using this color as the sole indicator of interactive elements, as colorblind users might not be able to distinguish them.
Shades
Digital Color Formats
Alternative colors
- #29339b
A slightly lighter shade of blue that offers better contrast against dark backgrounds, improving readability.
- #3b5bdb
A more vibrant blue that can be used as an accent color to draw attention without compromising accessibility.
- #4a64bd
A lighter, more desaturated color that still provides a sense of depth and sophistication, while improving readability.
Applications
Website Design
Ultramarine can be used to create a sense of depth and sophistication in website designs, particularly for headers, footers, or background elements. It can be paired with lighter shades of blue or white to create a visually appealing and professional look. Be mindful of using it with lighter text in order to meet accessibility standards.
Fashion Design
Ultramarine is a classic and elegant color for formal wear, such as suits, dresses, or evening gowns. It can be paired with silver or gold accessories to create a sophisticated and timeless look. The color conveys trust and professionalism which is why is a perfect option for formal clothing.
Branding and Logo Design
Ultramarine is a popular choice for branding and logo design, particularly for companies that want to convey a sense of trust, reliability, and innovation. It can be used to create a strong and memorable brand identity. It is often seen in tech and finance related companies.