Ultramarine
General Information about #190AAA (Ultramarine)
The hex color #190AAA, also known as Ultramarine, is a deep and vibrant shade of blue with a strong presence. It is composed of 9.8% red, 4.3% green, and 66.7% blue. In the RGB color model, this translates to (25, 10, 170). The hue angle is 247.8 degrees, the saturation is 88.2%, and the lightness is 35.3%. This color evokes feelings of depth, stability, and sophistication. Ultramarine has a rich history, originally derived from the precious mineral lapis lazuli. It has been highly valued in art and design for centuries, often associated with royalty and religious figures. Its distinct hue makes it a popular choice for creating a sense of trust and authority in various applications.
The color #190AAA, a deep shade of ultramarine, presents some accessibility challenges, particularly concerning color contrast. When used as text against a white background, it may not meet the WCAG (Web Content Accessibility Guidelines) AA standards for contrast ratio, potentially making it difficult for users with visual impairments to read. To improve accessibility, consider using a lighter background color or a lighter text color. For instance, pairing it with white or a very light gray can enhance readability. In interactive elements like buttons, ensure that the color contrast between the text and the button's background is sufficient, especially in hover and focus states. Testing the color combination with accessibility tools is crucial to ensure compliance and provide an inclusive experience for all users, including those with low vision or color blindness. Also, avoid using this color as the sole indicator of important information.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of blue that provides better contrast on white backgrounds, improving readability.
A more saturated blue that can be used as an accent color to draw attention without compromising accessibility.
A darker shade of blue which works well as a background color paired with white or light yellow text.
Applications
Web Design Header Backgrounds
In web design, this color can be effectively used for header backgrounds to create a professional and sophisticated look. It pairs well with white or light gray text for optimal readability. Additionally, #190AAA can serve as an accent color for highlighting important calls to action or key information. However, it's important to ensure sufficient color contrast to meet accessibility standards. When used sparingly, this color can add a touch of elegance and depth to the overall design. It can be particularly effective in websites related to technology, finance, or education, where a sense of trust and authority is desired. When used in data visualization, the color can be a nice addition to your pallette.
Fashion - Evening Wear
In fashion, #190AAA (Ultramarine) can be incorporated into evening wear or formal attire to create a striking and elegant look. It's particularly well-suited for dresses, suits, or accessories like scarves and ties. When paired with neutral colors like black, gray, or white, it adds a pop of color and visual interest. It can also be used in footwear or handbags to add a touch of sophistication to an outfit. Consider using this color in velvet or silk to enhance its richness and depth. For a more casual look, it can be used as an accent color in denim or other fabrics.
Athletic Team Uniforms
This shade of blue can serve as an excellent primary color for athletic team jerseys. Its dark tone will still be visible on the field, but its lighter saturation than black will help the players avoid absorbing too much sunlight. When used as the primary color, numbers and lettering can be applied using a lighter shade of white or yellow, which will result in a high degree of readability and will minimize any possible accessibility issues. This color will work particularly well in cooler, drier climates where the sun is less intense.