Ultramarine

General Information about Ultramarine

Ultramarine (#0B128D) is a deep, vivid blue color reminiscent of the pigment originally derived from lapis lazuli. In the RGB color model, it consists of 4.31% red, 7.06% green, and 55.3% blue. Its hexadecimal representation, #0B128D, is widely used in web design and digital media. The color is often associated with qualities such as royalty, wisdom, and tranquility. Ultramarine has a rich history in art, particularly during the Renaissance, where it was highly prized for its brilliance and stability. Today, synthetic ultramarine is readily available, making it a popular choice in various applications, from paints and inks to plastics and cosmetics. Its spectral composition makes it appear very deep and rich to the eye. The color's bold character can convey a sense of authority and sophistication, making it a great fit for many professional brands.

The color #0B128D, also known as Ultramarine, presents significant accessibility challenges, primarily due to its low luminance. When used as a foreground color against a white or light-colored background, it may not provide sufficient contrast for users with visual impairments, including those with low vision or color blindness. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Ultramarine often falls short of these recommendations, making it difficult to read. To improve accessibility, consider pairing it with a much lighter color to meet contrast requirements. Alternatively, avoid using it for critical text or interactive elements. Tools like contrast checkers can help evaluate the color's suitability in different contexts, ensuring that content remains accessible to a wider audience. When this color is used, it is important to test how real users perceive the contrast.

Shades

Digital Color Formats

Alternative colors

Applications

• Website Headers and Navigation

  Ultramarine, with its deep and rich hue, can be effectively utilized in website headers and navigation bars to create a sense of sophistication and professionalism. It works particularly well for financial institutions, legal firms, or educational platforms aiming to project an image of authority and reliability. The color can be paired with a lighter accent color, such as a soft yellow or a pale gray, to create a balanced and visually appealing interface. In addition, consider using ultramarine for call-to-action buttons, ensuring they stand out while maintaining the overall aesthetic coherence of the site. This ensures usability and user guidance across the site.

• Fashion and Apparel

  In fashion, ultramarine can be incorporated into evening wear, formal suits, or statement accessories like handbags and scarves. Its depth and intensity make it a striking choice for creating memorable and elegant looks. Consider pairing it with complementary colors like gold or silver for a luxurious feel, or with neutral tones like black and white for a more classic and understated appeal. The color's boldness makes it a good choice in accents and highlights.

• Interior Design Accent Wall

  Ultramarine can be used as an accent wall color in interior design to add depth and drama to a room. It works well in spaces where you want to create a sense of calmness and introspection, such as bedrooms, libraries, or home offices. Complement it with lighter furniture and decor elements in shades of white, cream, or light wood to balance the intensity of the color. Use it sparingly to make it more effective.

Complementary color

Buttons