Ultramarine

About Ultramarine (#160B8D)

The hexadecimal color #160B8D, also known as Ultramarine, is a dark shade of blue with a strong presence. It resides in the blue color spectrum and is characterized by its rich and intense hue. In the RGB (Red, Green, Blue) color model, it is composed of 8.63% red, 4.31% green, and 55.3% blue. This combination results in a color that is often associated with depth, stability, and trustworthiness. Ultramarine's origins can be traced back to the pigment derived from the mineral lapis lazuli, highly valued for its vibrant blue color since ancient times. The color has long been used in art, design, and various cultural expressions to evoke feelings of calmness and sophistication. Understanding its properties and historical significance provides valuable context for its effective application.

The color #160B8D, a deep ultramarine, presents accessibility challenges, especially for users with visual impairments. Its low luminance value of approximately 2% means that text or interactive elements rendered in this color require very light foreground colors to meet WCAG (Web Content Accessibility Guidelines) standards for contrast. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using tools like contrast checkers is crucial to ensure readability. Furthermore, avoid using this color as the sole indicator of meaning, such as in links or error messages, and provide alternative cues like labels or icons for enhanced accessibility. When paired correctly, it can be used effectively, but should be thoughtfully considered to accommodate all users.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design Accent

  In web design, Ultramarine (#160B8D) can be used sparingly as an accent color to highlight important elements like buttons or links, provided that sufficient contrast with the background is ensured. It's well-suited for themes that evoke a sense of trust and authority, making it ideal for financial or corporate websites. However, it's crucial to avoid using it for large blocks of text or critical UI elements due to potential accessibility issues related to its low luminance. Consider it as a complement color in a broader theme.

• Interior Design Accent Wall

  In interior design, Ultramarine can be applied as a wall color in a study or library to create a sophisticated and calming environment. The depth of the color encourages concentration and reflection. To balance the intensity, pair it with lighter, neutral tones like cream or beige for furniture and décor. Metallic accents, such as gold or brass, can enhance the luxurious feel. Avoid using it in small, poorly lit spaces, as it can make the room feel smaller and darker. Balance the color with natural light.

• Fashion Statement Piece

  In fashion, Ultramarine makes a statement as a bold, eye-catching color. It can be used in evening wear, such as dresses or suits, to convey confidence and sophistication. The color pairs well with metallic accessories like silver or gold jewelry. Because it's a dark color, it can be used to create an alluring effect. It is important to use it sparingly as it can be overwhelming. The color may also appear more intense depending on the fabric.

Complementary color

Buttons