Ultramarine

General Information about Ultramarine

Ultramarine, represented by the hex code #0B1390, is a deep and intense shade of blue. Historically, ultramarine was derived from the precious gemstone lapis lazuli, making it one of the most expensive and highly valued pigments. The name "ultramarine" literally means "beyond the sea," reflecting its origin from stones imported into Europe from distant lands. Today, synthetic ultramarine is widely available, retaining the same vibrant and rich color without the exorbitant cost. This color is often associated with depth, stability, and sophistication. In color psychology, blue is often linked to feelings of trust, peace, and order. Therefore, ultramarine can be a great option for branding and design where these qualities are desired.

The hex color #0B1390, also known as Ultramarine, presents several accessibility considerations for web developers. Its dark hue necessitates careful attention to color contrast ratios, especially when used for text or interactive elements. According to WCAG guidelines, sufficient contrast between foreground and background colors is crucial for users with visual impairments to perceive content effectively. A light color must be used when this color is used as background color. It is recommended to use tools to assess the contrast ratio and ensure it meets at least the AA standard (4.5:1 for normal text and 3:1 for large text). Additionally, consider providing alternative cues, such as icons or text labels, alongside color to convey information, as color blindness affects a significant portion of the population. Thoughtful use of ARIA attributes can also enhance the accessibility of components using this color, by providing screen readers with additional context and semantic information. Proper testing with assistive technologies is vital to confirm usability for all users.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, Ultramarine (#0B1390) can be utilized to establish a sense of trust, stability, and authority, making it a great choice for header backgrounds, button hover states, or as an accent color in financial or corporate websites. The deep, rich tone can add a touch of sophistication and professionalism, while ensuring it's paired with sufficient contrast to maintain readability and accessibility. When using it for interactive elements, consider how it interacts with other colors to offer a clear visual hierarchy. Its use is highly recommended if the target group is related to high quality products.

• Interior Design

  In interior design, Ultramarine (#0B1390) can be used as a bold accent color to create a focal point within a space. It works well in small doses, such as on an accent wall, throw pillows, or decorative accessories. Ultramarine pairs beautifully with neutral colors like beige, gray, and white, adding depth and richness without overwhelming the room. Avoid using too much of this color in small rooms, as it can make the space feel smaller. Instead, use it sparingly to add a touch of elegance and drama. Combining it with golden accents can increase this effect.

• Fashion

  In fashion, Ultramarine (#0B1390) can be a striking and versatile color choice. It's suitable for evening wear, formal attire, or as an accent color in accessories such as scarves, handbags, or jewelry. The deep blue hue exudes sophistication and can be flattering on various skin tones. When wearing Ultramarine, consider pairing it with complementary colors like gold, silver, or even contrasting colors like yellow or orange to create a bold statement. This color will make the consumer associate the product to high quality.

Complementary color

Buttons