Ultramarine
General Information about Ultramarine (#0B0EA9)
The hex color code #0B0EA9 represents a deep shade of blue known as Ultramarine. It is composed of 4.3% red, 5.5% green, and 66.3% blue. This strong presence of blue in the color mix is what gives Ultramarine its distinct character. In the RGB color model, this translates to R:11, G:14, B:169. Ultramarine has a long history, dating back to ancient times when it was derived from the precious stone lapis lazuli. Because of this expensive pigment source, ultramarine was very costly, and its use was limited to only very important commissions. Chemically synthesized ultramarine became available in the 1820s, and its use became more widespread. Today, the color is associated with royalty, intellect, and trustworthiness.
The color #0B0EA9, a deep ultramarine, presents significant accessibility challenges. Its low luminance value means it requires high contrast when used with text or interactive elements. According to WCAG guidelines, sufficient contrast is crucial for users with visual impairments to perceive content effectively. For text, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text (14pt bold or 18pt regular). Given the darkness of #0B0EA9, pairing it with light colors like white (#FFFFFF) or very light yellows or greens is essential to meet these contrast requirements. Avoid using it with darker shades as this will make the content inaccessible. Furthermore, consider providing alternative visual cues in addition to color, such as text labels or icons, to ensure that users who are colorblind can still understand the information being conveyed. When used in charts and graphs, make sure there are clear differences in luminance or use patterns in addition to color.
Shades
Digital Color Formats
Alternative colors
- #2962ff
A slightly lighter blue that still provides a strong visual impact but offers better contrast against darker backgrounds.
- #64b5f6
A softer, more muted blue that is less intense and easier on the eyes, suitable for backgrounds or less critical elements.
- #1e88e5
A vibrant blue shade that could be a substitute where more readability is needed.
Applications
Web Design
In web design, #0B0EA9 can be used to create a sense of depth and sophistication, particularly for headers, navigation bars, or call-to-action buttons. It evokes feelings of trust and stability, making it suitable for finance or technology websites. However, due to its poor accessibility, it is recommended to be used sparingly and always consider the foreground color to ensure the contrast is enough for readable texts. Consider using it as a background color with white or very light colored text to ensure sufficient contrast.
Interior Design
In interior design, #0B0EA9 can be employed as an accent color in a room to add a touch of elegance and drama. It works well in combination with neutral colors like gray, white, or beige. It can be used for painting a feature wall, choosing furniture, or selecting accessories. Its association with royalty and elegance allows to create a sophisticated interior.
Fashion
In fashion, using #0B0EA9 creates a sophisticated and elegant look. It can be used for evening gowns, suits, or statement accessories. The color works well with metallics such as gold or silver.