Ultramarine
General Information about #1805AE (Ultramarine)
The hex color #1805AE, also known as Ultramarine, is a deep and vibrant shade of blue. It is created by combining a small amount of red and green with a significant amount of blue in the RGB color model. In the CMYK color model, it consists of a high percentage of cyan, magenta, and black with a low amount of yellow. This color is often associated with feelings of calmness, trust, and authority. Ultramarine has historical significance, derived from the pigment made from lapis lazuli, a precious stone. Its rich and intense hue made it highly valued by artists throughout history, often reserved for depicting important figures or elements in paintings. Today, synthetic versions are widely available, making it more accessible for various applications. In web design, ultramarine can be used to create a sense of sophistication and elegance, but careful consideration of contrast is essential for accessibility.
The color #1805AE, a deep ultramarine, presents significant accessibility challenges, particularly for users with visual impairments. Its low luminance value of approximately 3% results in very poor contrast against a standard white background. This lack of contrast makes text and other fine details rendered in this color difficult to discern for many users. According to WCAG guidelines, it fails all contrast ratio tests for normal text, large text, and graphical objects against white. To improve accessibility, it's crucial to pair this color with a much lighter color. White text on an ultramarine background is not recommended due to the insufficient contrast ratio. Consider alternative color combinations or use a lighter shade of blue or a contrasting color like yellow or orange to ensure that content is perceivable and usable for a wider audience. Tools like contrast checkers can help determine appropriate color pairings that meet accessibility standards. Also, consider the colorblindness. Red/Green colorblindness, also known as Deuteranopia, may make it harder to see this color for individuals who have such a condition.
Shades
Digital Color Formats
Alternative colors
A lighter shade of blue that offers better contrast against white backgrounds while still maintaining a blue aesthetic.
A vibrant, contrasting color that provides high visibility against #1805AE and enhances readability.
A more muted blue that offers a softer look and potentially better contrast depending on the background.
Applications
Call-to-Action Buttons
Ultramarine, with its depth and richness, can be used to create visually striking call-to-action buttons. However, ensure that the text color is highly contrasting, such as white or a bright yellow, to make the button easily readable and attract attention. The surrounding area should be a light color to make the element stand out.
Fashion Accents
This color can add sophistication to fashion designs as an accent color on handbags or shoes. When creating the UI of an app about fashion, this color can be used to create an elegant, trustworthy feeling. In website design it is often associated with reliability and trust and therefore it can be used to represent a brand or product with such characteristics.
Data Visualizations
The rich depth of ultramarine makes it a good choice for creating depth in the background of data visualizations, especially charts and graphs. It provides a professional and sophisticated look. Pair this with white or yellow for a colorblind-safe palette.