Ultramarine
General Information about #170AAA
The hexadecimal color #170AAA, also known as Ultramarine, is a deep shade of blue with a strong presence. It's composed of 9% red, 0% green, and 67% blue in the RGB color model. In the CMYK color model, it consists of 87% cyan, 100% magenta, 0% yellow, and 33% black. This color is often associated with feelings of trust, stability, and depth. It can evoke a sense of calmness and sophistication, making it a popular choice in branding, design, and artistic applications. The visual perception of ultramarine is a result of the human eye's sensitivity to short wavelengths of light, which are interpreted as blue. This color has historical significance, as natural ultramarine pigment was once derived from the mineral lapis lazuli and was highly valued in art.
The color #170AAA, a deep ultramarine, presents several accessibility considerations for web development. Its dark hue results in a low luminance value, which significantly affects text readability. When using this color for text, a very light foreground color is essential to ensure sufficient contrast, ideally achieving a contrast ratio of at least 4.5:1 as recommended by WCAG guidelines for Level AA compliance. For larger text (14pt bold or 18pt regular), a contrast ratio of 3:1 is acceptable. If used for interactive elements like buttons or links, consider providing additional visual cues such as underlines or borders, especially for users with low vision or color blindness. Furthermore, avoid using #170AAA as the sole indicator of functionality or state changes, as this can exclude users who cannot distinguish it from other colors. Careful attention to these details will make your designs more inclusive and accessible.
Shades
Digital Color Formats
Alternative colors
A lighter blue that provides better contrast against white backgrounds, making it more suitable for text and interactive elements.
A more saturated blue that can be used as an accent color to draw attention to specific elements on the page.
A softer, pastel blue that can create a calming and serene feel in designs.
Applications
User Interface Design
In user interface (UI) design, #170AAA can serve as a primary color for branding, lending a sense of sophistication and trust. It can be used in navigation bars, headers, and footers to create a cohesive visual identity. For data visualization, this color can effectively represent categories or highlight key trends, provided that sufficient contrast is maintained with labels and other data elements. However, it should be used sparingly for critical interactive elements to ensure accessibility.
Fashion and Beauty
In the fashion industry, #170AAA represents elegance and formality. It's a popular choice for evening wear, formal suits, and accessories like ties and scarves. This ultramarine shade conveys a sense of sophistication and can be used to create a powerful and confident look. Designers often pair it with neutral colors like gray, black, and white to create a balanced and versatile ensemble. In the beauty industry, similar shades are used in eye shadows, eyeliners and nail polish.
Interior Design
In interior design, #170AAA can be employed as an accent color to bring depth and drama to a space. It can be used on accent walls, furniture pieces, or decorative elements like cushions and artwork. This color works well in rooms with ample natural light, as it can make a bold statement without overpowering the space. Consider pairing it with lighter, neutral tones to create a balanced and harmonious interior. It is often used to create a sophisticated and stylish room.