Ultramarine
General Information about #0D178B (Ultramarine)
The hex color code #0D178B, also known as Ultramarine, represents a deep, rich shade of blue. This color is created by combining a small amount of red and green with a significant amount of blue in the RGB color model. In the realm of color theory, #0D178B is perceived as a cool color, often associated with feelings of calmness, stability, and intelligence. It is a color that evokes trust and authority. Ultramarine has historical significance, derived from the pigment made from ground lapis lazuli, a semi-precious stone. This pigment was highly valued and used in Renaissance paintings. In modern times, #0D178B is used in various applications, including web design, graphic design, fashion, and interior decor to convey a sense of sophistication and depth.
The color #0D178B, a deep ultramarine, presents some accessibility challenges, particularly for users with visual impairments. Its low luminance of 2.9 cd/m² results in a very poor contrast ratio against a white background (approximately 7.2:1). According to WCAG guidelines, this contrast ratio falls short of the minimum requirements for normal text (4.5:1) and large text (3:1). To improve accessibility, it's essential to pair this color with lighter text or interface elements. Using a light yellow, off-white, or a very pale tint of blue can significantly enhance readability. Avoid using this color for critical information or interactive elements unless sufficient contrast is ensured. Consider using assistive technology to evaluate color contrast and make informed decisions about color pairings. Providing alternative text descriptions and visual cues can also help users with visual impairments better understand the content.
Shades
Digital Color Formats
Alternative colors
- #2e3192
A slightly lighter shade of blue that offers better contrast against white backgrounds while maintaining a similar aesthetic.
- #333b59
A desaturated blue that can be used as a background color without overwhelming other elements.
- #1e27a3
A more vibrant blue for elements that need to stand out and grab attention.
Applications
Web Design
In web design, #0D178B can serve as a sophisticated background for headers or banners, especially for websites targeting a professional or academic audience. This color can also highlight interactive elements, such as buttons or links, but only if paired with a contrasting text color like white or light yellow. Be cautious when using it for large blocks of text due to its low contrast. It is suitable for creating a night mode theme to reduce eye strain during prolonged usage. Furthermore, this color can be used to create visual hierarchy and depth in web layouts when combined with lighter shades of blue or gray.
Fashion
In the fashion industry, #0D178B evokes feelings of sophistication and luxury, making it a popular choice for evening wear, formal attire, and accessories like handbags or scarves. The color pairs well with metallic accents such as gold or silver to elevate its richness. This shade of blue can also be incorporated into patterns or prints for a touch of elegance. Moreover, it can be used to create a strong visual impact when combined with contrasting colors like orange or yellow, perfect for creating bold and memorable fashion statements.
Interior Design
In interior design, ultramarine can be used to create a calming and sophisticated atmosphere. It works well in bedrooms, studies, or libraries, where a sense of tranquility is desired. The color can be used as an accent wall, cabinetry, or upholstery. It pairs well with neutral colors like white, gray, or beige, as well as natural materials like wood or stone. Ultramarine can also be used to add depth and dimension to a space when combined with lighter shades of blue or green. This color is suitable for nautical themes or to create a sense of serenity and peace.