Ultramarine
About Ultramarine (#0A118E)
The hex color code #0A118E represents a deep shade of blue, often referred to as ultramarine. In the RGB color model, it is composed of 3.92% red, 6.67% green, and 55.69% blue. This specific combination gives it a rich, saturated appearance that can evoke feelings of sophistication, trust, and stability. The color is frequently associated with royalty, wisdom, and intelligence. In color psychology, deep blues are often used to create a sense of calm and order. Ultramarine, in particular, is a historical pigment derived from lapis lazuli, making it a highly valued and sought-after color in art and design. Its unique depth and vibrancy make it a popular choice for various applications.
The color #0A118E, a deep ultramarine, presents several accessibility considerations for web design. Due to its low luminance, it requires careful pairing with contrasting colors to ensure readability. As a dark color, it should ideally be used with light text to meet WCAG (Web Content Accessibility Guidelines) standards for contrast ratios. For body text, a contrast ratio of at least 4.5:1 is recommended, while larger text elements can adhere to a 3:1 ratio. Insufficient contrast can make content difficult to read, especially for users with visual impairments. Using tools to check contrast ratios is essential. Also, avoid using this color for crucial interactive elements without sufficient visual cues or labels, as it might be hard to distinguish for users with color blindness or low vision.
Shades
Digital Color Formats
Alternative colors
- #2e3192
A slightly lighter shade of blue that provides better contrast while maintaining a similar aesthetic.
- #1e3a8a
A more vibrant blue which can be used to draw attention and is still in the blue color family.
- #3f51b5
A color with higher luminance which ensures better accessibility if used as background color
Applications
Website Design
In website design, #0A118E can be used for headers, navigation bars, or as an accent color to create a sense of sophistication and trust. It is important to consider the contrast ratios when using this color for text or interactive elements. The color is often used for corporate websites or educational platforms where a sense of authority is desired. It can be combined with lighter blues or neutral colors to balance the overall design and improve readability. This will also allow you to improve the accessibility of your website.
Interior Design
In interior design, #0A118E can be used as an accent wall color in a study or library to promote focus and calmness. The color is often complemented with lighter shades of blue, gray, or white to create a balanced and inviting space. This color evokes feelings of royalty and is suited for rooms where you want to relax and feel cozy. Using metallic accents, such as gold or silver, can further enhance the luxurious feel of this color. To avoid overwhelming the space, it is important to use this color sparingly and in combination with lighter elements.
Fashion
In fashion, this color is seen as timeless and elegant. It is appropriate for formal dresses, suits, or as an accent color in accessories. Due to its elegance, the ultramarine color evokes feelings of royalty and trust. Consider pairing this with neutral colors like white, beige, or gray to create a sophisticated and balanced look. To make your outfit pop, you can contrast this color with orange or yellow. For instance, a navy blue suit with a yellow pocket square will create a vibrant yet sophisticated look.