Ultramarine
General Information about #0B118D (Ultramarine)
The hex color code #0B118D represents a deep, saturated shade of blue known as Ultramarine. In the RGB color model, it is composed of 4.31% red, 6.67% green, and 55.29% blue. This strong presence of blue gives the color its characteristic depth and intensity. Ultramarine has a long history, originally derived from the precious gemstone lapis lazuli. Its name means "beyond the sea," reflecting the fact that it was imported into Europe from Asia. In modern times, it's widely used in digital design, fine art, and various industries. The color conveys feelings of trust, stability, and authority, making it a popular choice for corporate branding, government agencies, and educational institutions. It is perceived as a cool and calming color, associated with intelligence and focus.
The color #0B118D, a deep shade of ultramarine, presents several accessibility considerations for web design. Its high darkness value means it requires careful pairing with lighter text colors to ensure sufficient contrast for readability. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Using white or very light yellow text on a #0B118D background would likely meet these requirements. However, avoid using it for critical interactive elements like buttons or links unless the contrast is meticulously checked, as users with visual impairments may struggle. Furthermore, consider providing alternative color schemes for users who may have color vision deficiencies, where this particular shade could be problematic. It's advisable to use contrast checking tools to validate the color combinations and to test the design with users who have different visual abilities.
Shades
Digital Color Formats
Alternative colors
- #2e3192
A slightly lighter shade that still conveys depth and sophistication, while improving readability when used as a background.
- #355c7d
Offers a similar feel but with a touch more vibrancy, which can be useful for highlighting elements without overwhelming the user.
- #333333
A dark gray, which is a more neutral color and often a safer choice to ensure accessibility and readability, specially for users with visual impairments.
Applications
Banking App Background
Ultramarine, embodied by #0B118D, is a great tone to be used in backgrounds. Its use provides a sense of security and is adequate for banking applications. The color establishes trust with the user, communicating the idea of a safe environment to manage their finances. Using white or a very light yellow will provide enough contrast, making the text readable and accessible.
Elegant Fashion Design
In fashion, #0B118D can be employed to create elegant and sophisticated garments. A flowing evening gown in this color, accented with silver or gold jewelry, exudes timeless class. It can also be used as a statement color for accessories such as handbags or shoes, adding a pop of color to a more neutral outfit. The color can be combined with black, white, or gray for a sophisticated palette, or with brighter colors like yellow or orange for a bolder, more contemporary aesthetic.
Title Background
This color can be used in a landing page of a web application or website to call the user's attention. Its characteristic dark tone serves well for titles, and pair well with a lighter color as a background. The color gives the user a sensation of security and it's a great choice if the company's goal is to look serious and trustful.