Ultramarine
About Ultramarine (#0E13A5)
Ultramarine, represented by the hexadecimal color code #0E13A5, is a deep, rich shade of blue. It closely resembles the pigment originally derived from lapis lazuli, a semi-precious stone, which historically made it one of the most expensive and highly prized blue pigments used by artists. The name 'ultramarine' literally means 'beyond the sea,' reflecting its origin as a pigment that came from overseas. In color theory, ultramarine is considered a cool color, evoking feelings of calmness, serenity, and intellect. It has a strong presence and can add depth and sophistication to designs. Its high saturation and relatively low lightness make it a color best used intentionally to avoid overwhelming visuals or creating accessibility issues.
The hex color #0e13a5, a deep ultramarine, presents significant accessibility challenges, especially in web design. Its very low luminance value of approximately 2.8% means that text rendered in this color requires very light foreground colors to meet WCAG (Web Content Accessibility Guidelines) standards for contrast. For instance, using white (#FFFFFF) as the text color provides a contrast ratio of about 7.5:1, which passes WCAG AA and AAA levels. However, slightly darker shades of gray or off-white might fall below the required contrast thresholds, making the text difficult for users with visual impairments to read. It's crucial to always test the color combination using accessibility tools to ensure compliance. When using #0e13a5 as a background, lighter elements and sufficient spacing are required to avoid visual fatigue. Alternative color combinations with high contrast should be considered for optimal user experience.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of blue that offers improved contrast with white text while maintaining a similar aesthetic.
A more vibrant blue that can be used as an accent color to draw attention to specific elements.
A dark gray that can be used for text against a white or very light background, providing good readability.
Applications
Website Headers and Footers
Ultramarine (#0E13A5) can be employed to create a sophisticated and calming ambiance in website headers and footers. Its depth adds a touch of elegance, making it suitable for corporate websites, educational platforms, and portfolios. However, avoid using it for essential interactive elements due to accessibility concerns. Instead, apply it to decorative parts of the page to establish a consistent visual identity. Using it sparingly will have a greater impact on users without sacrificing readability or overall usability.
Interior Design Accents
In interior design, Ultramarine serves as an excellent accent color for walls, cushions, or decorative objects. Its richness brings depth to a room, complementing neutral palettes like gray or beige. However, using it excessively may overwhelm a space. Consider incorporating it strategically to highlight architectural features or to add a touch of luxury. It pairs well with metallic accents like gold or silver, enhancing its opulent quality. Ultimately, the key is balance, ensuring that it is used in harmony with other elements to create a welcoming and visually appealing environment.
Fashion Apparel and Accessories
In fashion, Ultramarine can be used in formal wear, such as dresses or suits, conveying a sense of sophistication and confidence. It also works well in accessories like scarves or handbags, adding a pop of color to a neutral outfit. When incorporated into casual wear, it can be seen in denim, shirts, or sweaters, providing a stylish and timeless look. Pair with lighter colors such as white or cream to create a striking contrast, or with darker hues for a more subdued ensemble. Its versatility makes it a great choice for a wide range of garments and accessories.