Ultramarine
About Ultramarine
Ultramarine, represented by the hex code #0B0B90, is a deep, saturated blue color with a rich history. Derived from the pigment of the lapis lazuli stone, ultramarine has long been prized for its brilliance and intensity, being used by renaissance painters and other artists. In the RGB color model, #0B0B90 consists of 4.3% red, 4.3% green, and 56.5% blue. This makes it a very blue-dominant color. In the CMYK color model, it comprises 92% cyan, 92% magenta, 0% yellow, and 43% black. Its usage in web design and other digital media requires careful consideration due to its potential impact on accessibility and user experience. Its deep nature makes it best suitable as an accent colour.
The hex color #0B0B90, a deep ultramarine, presents significant accessibility challenges. Its low lightness value results in poor contrast against light backgrounds, making text and interactive elements difficult to perceive for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. This color is unlikely to meet these requirements when paired with common background colors like white or light gray. To improve accessibility, consider using a lighter shade of blue or pairing #0B0B90 with a much lighter color. Alternatively, provide sufficient visual cues and labels to ensure that users can understand the content and functionality even if they cannot distinguish the color effectively. Careful consideration of color contrast is crucial for creating inclusive and user-friendly web experiences.
Shades
Digital Color Formats
Alternative colors
Applications
Luxury Branding
Ultramarine, with its depth and richness, can be used to create a sense of luxury and exclusivity in branding materials. It is well-suited for financial institutions, high-end fashion brands, or technology companies seeking to convey sophistication and trust. It could be used in a logo, website design, or marketing collateral to communicate stability and prestige. Because of its strong character, it is advised to use #0B0B90 as an accent color rather than a primary color for a brand.
Web Design Accents
In web design, #0B0B90 can be used strategically to highlight key interactive elements or to create visually appealing sections. It is especially useful for call-to-action buttons, navigation menus, or progress bars. However, it is important to ensure sufficient contrast with the surrounding elements to maintain readability and usability. This color can serve as a great background for lighter text and icons to create a nice visual element.
Interior Design Accents
Ultramarine can be applied in interior design to add depth and sophistication to a room. It can be used for accent walls, furniture upholstery, or decorative accessories such as cushions and throws. When combined with lighter colors like white or beige, it creates a balanced and harmonious aesthetic. However, it is important to avoid overusing dark shades to prevent the room from feeling too small or somber. Ultramarine is particularly striking in bedrooms, living rooms, and studies, creating an atmosphere of tranquility and intellectual stimulation.