Ultramarine
General Information about Ultramarine
The hexadecimal color code #170F89 represents a shade of deep blue, often referred to as Ultramarine. It is composed of 9.02% red, 5.88% green, and 53.73% blue. In the RGB color model, this color is created by mixing relatively small amounts of red and green with a significant amount of blue. The corresponding CMYK color code is C:83, M:89, Y:0, K:46, indicating high concentrations of cyan and magenta with no yellow. This color evokes feelings of calmness, stability, and intelligence, often associated with trust and authority. Its name, Ultramarine, originates from the pigment's historical source – the mineral lapis lazuli, imported from overseas ('ultra' meaning beyond, and 'mare' meaning sea).
The color #170F89, also known as Ultramarine, presents some accessibility challenges, especially when used for text or interactive elements. Due to its dark hue and low luminance, it requires careful consideration of contrast ratios. According to WCAG guidelines, text should have a contrast ratio of at least 4.5:1 against its background for normal text and 3:1 for large text to meet AA compliance. For AAA compliance, the contrast ratios should be even higher, at 7:1 and 4.5:1, respectively. When using #170F89 as a background, ensure that any foreground text is a light color, such as white or a very pale yellow, to provide sufficient contrast. If using it for text, a very light background is necessary. Also, avoid using this color for small, detailed graphics or icons, as its darkness can make them difficult to discern, especially for users with visual impairments. Proper testing with accessibility tools and real users is recommended to ensure optimal usability.
Shades
Digital Color Formats
Alternative colors
Applications
Web Design
In web design, Ultramarine can be used to create a sophisticated and professional look. It's suitable for headers, navigation bars, and backgrounds, especially when paired with lighter, contrasting colors for text and interactive elements. The depth of the color can add a sense of elegance and trustworthiness to a website, making it suitable for corporate sites, financial institutions, or educational platforms. It should be balanced with lighter shades to maintain readability and avoid overwhelming the user with darkness. Using it in moderation can create a visually appealing and user-friendly experience.
Interior Design
In interior design, Ultramarine can bring a touch of drama and sophistication to a room. It works well as an accent color on walls, furniture, or decorative items. Consider using it in a living room or study to create a calming and intellectual atmosphere. Pair it with lighter neutrals like beige, cream, or light gray to prevent the room from feeling too dark or heavy. Incorporating metallic accents, such as gold or silver, can enhance the luxurious feel of the color. Ensure the room has ample natural light to prevent the deep blue from overwhelming the space.
Fashion
Ultramarine can be a bold and striking choice for fashion. It can be used in evening wear, accessories, or as a statement color in a casual outfit. Pair it with contrasting colors like yellow or orange for a vibrant and eye-catching look, or with neutrals like black, white, or gray for a more understated and classic style. When using it in clothing, consider the fabric and texture to enhance the richness of the color. For example, a velvet or silk dress in Ultramarine can be incredibly luxurious.