Ultramarine
General Information About Ultramarine
The hexadecimal color #17169E, also known as Ultramarine, is a deep and rich shade of blue. It is composed of 9.02% red, 8.63% green, and 62% blue. In the RGB color model, it is represented as (23, 22, 158). Ultramarine has a long and storied history, originally derived from the precious gemstone lapis lazuli. During the Middle Ages and Renaissance, it was one of the most expensive and highly prized pigments used by artists. Its vibrant and lasting color made it a favorite for painting religious icons and important works of art. Today, synthetic ultramarine is widely available, offering the same beautiful hue at a more affordable price. It continues to be a popular choice in various applications, from art and design to fashion and cosmetics. Its deep and captivating tone evokes feelings of tranquility, wisdom, and sophistication.
The color #17169E, also known as Ultramarine, presents some accessibility challenges, especially when used for text or interactive elements. Its dark nature means it requires careful consideration of contrast ratios to ensure readability for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text against its background. When pairing #17169E with lighter colors, ensure that these contrast ratios are met to provide an accessible experience. Using online contrast checkers can help determine whether the color combinations you've chosen meet accessibility standards. Avoid using #17169E for crucial information without sufficient contrast as it can exclude users who rely on good visibility to perceive the content. Also, when using #17169E for links or buttons, provide additional cues such as underlines or icons to differentiate them from regular text, which aids accessibility for color-blind users.
Shades
Digital Color Formats
Alternative colors
Applications
Web Design
In web design, Ultramarine can be used as a primary color for headers and navigation bars, creating a sense of professionalism and trust. It can also be used for call-to-action buttons to draw attention and encourage user interaction. For example, a website for a financial institution might use #17169E to convey stability and reliability. In user interfaces, this color can be applied to progress bars and status indicators to provide visual feedback to users. Be sure to consider accessibility guidelines when using this color for text or interactive elements, ensuring sufficient contrast with the background.
Fashion and Beauty
In fashion, Ultramarine can be used as an accent color in clothing designs or as the main color for evening wear, providing a sophisticated and elegant look. It pairs well with neutral colors such as gray, black, and white. For example, a designer might use #17169E for a silk scarf or a velvet dress. In cosmetics, this color can be used for eyeshadow or eyeliner to create a bold and dramatic effect. Combining #17169E with metallic colors such as gold or silver can enhance the overall aesthetic appeal. Its deep and rich tone adds a touch of luxury to any outfit or makeup look.
Interior Design
In interior design, Ultramarine can be used as an accent color for walls, furniture, or decorative items, adding a touch of sophistication and elegance to a room. It works well in living rooms, bedrooms, and studies, creating a calming and relaxing atmosphere. For example, a designer might use #17169E for an accent wall or a set of throw pillows. When combined with natural materials such as wood and stone, it can create a harmonious and inviting space. Also, consider using Ultramarine in artwork or graphic design projects to add depth and visual interest.