Ultramarine

General Information about #190A8E

The hexadecimal color code #190A8E represents a deep, saturated shade of blue known as Ultramarine. It is composed of 9.8% red, 3.92% green, and 55.7% blue. In the RGB color space, it is equivalent to (25, 10, 142). Ultramarine is often associated with feelings of depth, stability, and sophistication. Historically, ultramarine pigment was derived from the semi-precious stone lapis lazuli, making it a highly valued and expensive color. This historical significance contributes to its association with luxury and high status. In modern usage, ultramarine is commonly used in graphic design, web design, and branding to convey a sense of trust and reliability. It can also be used to create a calming or relaxing atmosphere, depending on the context.

The color #190A8E, a deep ultramarine, presents accessibility challenges, especially in text-based contexts. Its low luminance value of approximately 2% means it offers very little contrast against backgrounds like white. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text (14pt bold or 18pt regular) to meet AA compliance. #190A8E fails to meet these ratios on white. To improve accessibility, consider pairing it with very light colors like #FFFFFF (white) or adjusting the text size and weight. Alternatively, using #190A8E for purely decorative elements or in large graphical elements where text legibility isn't critical is suitable. When used with images consider it as an accent color, not as a primary color. Careful consideration is required to ensure readability and inclusivity.

Shades

Digital Color Formats

Alternative colors

Applications

• Fashion Design

  Ultramarine, with its depth and sophistication, brings a sense of elegance and mystery to fashion design. It can be used in evening gowns or formal wear to evoke a sense of luxury and exclusivity. The color pairs well with metallic accents like gold or silver, enhancing its visual impact. As a solid block color, it needs balancing with accessories of lighter colors.

• Web Development

  In web development, ultramarine can be used as an accent color to draw attention to key elements, such as call-to-action buttons or important links. However, due to its low luminance, it should be paired with lighter backgrounds to ensure sufficient contrast and readability. Consider using it sparingly in headers or footers to create a visually appealing contrast.

• Interior Design

  Ultramarine can add a touch of drama and sophistication to interior spaces. It works well as an accent wall color in living rooms or bedrooms, creating a cozy and inviting atmosphere. The color can also be used in decorative elements, such as cushions, curtains, or artwork, to add depth and visual interest to the room. Balancing it with lighter neutrals like white, beige, or gray will avoid overwhelming the space and maintain brightness.

Complementary color

Buttons