Ultramarine
About Ultramarine
The hex color #170B90, also known as Ultramarine, is a deep and vibrant shade of blue. It is created by mixing a small amount of red and green with a large amount of blue, resulting in a color that is associated with depth, stability, and intelligence. In the RGB color model, it consists of 9.02% red, 4.31% green, and 56.47% blue. This color is often used to evoke feelings of trust and serenity. Ultramarine has a long history, originally derived from the precious stone lapis lazuli, and has been used in art and decoration for centuries. The color is know for bringing depth to the design.
The color #170B90, a deep ultramarine, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it's crucial to pair it with a light text color to ensure readability. A contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text, as per WCAG guidelines. Using tools to check color contrast is highly advisable during design process. This ensures that users with visual impairments, including those with low vision or color blindness, can comfortably read the content. Avoid using this color for essential interface elements without careful consideration of contrast. Also, provide alternative cues like icons or text labels alongside color-coded information to benefit all users.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of blue, offering better contrast with dark text.
A more desaturated blue, less intense and easier on the eyes for prolonged viewing.
A vivid royal blue that provides a brighter, more energetic alternative while maintaining a sense of depth and sophistication.
Applications
Web Design Accent
In web design, Ultramarine can serve as a striking accent color for buttons, headings, or navigation bars. Its depth can create a sense of professionalism and trustworthiness, making it suitable for financial or educational websites. However, avoid overusing it as a primary background color due to potential readability issues. Instead, complement it with lighter shades of blue or neutral colors to create a balanced and visually appealing design. Consider using it strategically to highlight key calls to action or important information, drawing the user's attention effectively.
High-Fashion Apparel
In the realm of fashion, Ultramarine can be used for creating elegant evening gowns or statement accessories. Its rich hue evokes feelings of luxury and sophistication. It pairs well with metallic accents like gold or silver, or it can be contrasted with vibrant colors such as fuchsia or emerald green for a bolder look. Consider using it for velvet fabrics to enhance its depth or for silk to create a shimmering effect. This color can bring a sense of prestige and elegance to a design.
Corporate Branding
Ultramarine, with its rich depth, can be a powerful tool in branding to convey reliability, intelligence, and stability. It's well-suited for companies in the technology, finance, or education sectors aiming to project a sense of professionalism and trustworthiness. The key to effective branding with ultramarine lies in strategic use and balancing it with complementary colors like warm yellows or neutral grays to avoid overwhelming the visual experience and to ensure accessibility. It works well in logos and accent colors in the brand.