Ultramarine
General Information about Ultramarine
The hex color #0E1A91, commonly known as Ultramarine, is a deep and vibrant shade of blue. It belongs to the blue color family and evokes feelings of calmness, trustworthiness, and intelligence. In the RGB color model, it is composed of 5.5% red, 10.2% green, and 56.9% blue. In the CMYK color model, used in printing, it consists of 90% cyan, 82% magenta, 0% yellow, and 43% black. Ultramarine has a wavelength of approximately 464 nm. The color is often associated with the sea and sky, symbolizing depth, stability, and authority. It's a popular choice for branding and design projects aiming to project a sense of professionalism and reliability. The color name comes from the pigment that originally came from lapis lazuli.
The color #0E1A91, a deep ultramarine, presents several accessibility considerations for web design. Its dark hue provides high contrast against white or very light backgrounds, which is beneficial for users with low vision. However, when paired with other dark colors, the contrast ratio may fall below WCAG guidelines for readability. It's crucial to test color combinations using accessibility tools to ensure sufficient contrast (a ratio of at least 4.5:1 for normal text and 3:1 for large text). Additionally, avoid using color alone to convey important information, as colorblind users may not be able to distinguish it. Supplement color cues with text labels or other visual indicators to ensure inclusivity. When used for interactive elements like buttons or links, ensure a clear visual change upon hover or focus to aid users with motor impairments or those who rely on keyboard navigation.
Shades
Digital Color Formats
Alternative colors
- #29339b
A slightly lighter shade of blue that maintains a sense of depth while offering improved contrast against darker backgrounds.
- #1e31a3
A more saturated blue that can be used as an accent color to draw attention to specific elements.
- #48568b
A muted blue that provides a calmer and more subtle aesthetic, suitable for backgrounds or large areas.
Applications
Web Design
In web design, ultramarine can be used as a primary color for themes that aim to convey trustworthiness, intelligence, or sophistication. It's particularly effective for websites in the education, finance, or technology sectors. As a button or link color, ensure sufficient contrast with the background for readability. Also, it can be applied as a header background color, combined with clear, white text, creates a professional and trustworthy feel. It's important to balance the depth of the color with enough lightness to avoid overwhelming users.
Interior Design
In interior design, ultramarine can be used as an accent color in rooms to add a touch of drama and sophistication. It works well in spaces where you want to create a sense of calm and focus, such as studies or bedrooms. Consider using it for cushions, artwork, or a feature wall. When combined with neutral colors like gray or white, it can create a modern and elegant look. The rich, cool tone of ultramarine provides a visually appealing depth that adds to the aesthetic and does not overwhelm the room.
Fashion
In fashion, ultramarine can be used in clothing or accessories to make a bold statement. It's a versatile color that can be paired with both warm and cool tones, making it suitable for a variety of outfits. Try using it for a statement coat, a silk scarf, or a pair of earrings. It can add a sense of confidence and sophistication to any look. The deep blue color is more versatile than many might assume, offering a rich, saturated tone that complements many skin types and styles.