Ultramarine
General Information about Ultramarine
Ultramarine, represented by the hexadecimal color code #090BAB, is a deep, rich shade of blue. It is often associated with qualities like wisdom, trust, and stability. In the RGB color model, it is composed of 3.53% red, 4.31% green, and 72.94% blue. The name 'Ultramarine' originates from the Latin 'ultramarinus', literally meaning 'beyond the sea', as the pigment was originally imported from Asia. Historically, it was derived from the gemstone lapis lazuli, making it a highly prized and expensive pigment used primarily in Renaissance paintings. Today, synthetic versions are readily available, making it accessible for various applications in art, design, and technology. It is considered a cool color, and its use often evokes feelings of serenity and depth.
The contrast ratio of #090BAB against white is 12.9:1, which is considered excellent and easily meets the WCAG AAA standards for text and non-text contrast. This means that text using this color on a white background will be highly legible for users, including those with visual impairments. However, when used against black, the contrast ratio is only 1.63:1, which falls far short of accessibility guidelines. Therefore, using #090BAB on a dark background should be avoided to ensure readability. For optimal accessibility, always test color combinations with accessibility contrast checkers and consider the needs of users with varying visual abilities. Using this color for interactive elements requires careful consideration of states (hover, focus, active) to ensure sufficient contrast is maintained.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of blue that offers a similar aesthetic with potentially better contrast in certain contexts.
A darker variant that could be used to create depth or as a background color if sufficient contrast with foreground elements is ensured.
A more vibrant blue which still offers a similar aesthetic, but is easier to read.
Applications
Web Design
In web design, Ultramarine can be employed for headings, accents, and interactive elements to create a sophisticated and trustworthy feel. It's especially well-suited for websites in the technology, finance, or education sectors. However, it's crucial to use it sparingly and pair it with neutral colors to avoid overwhelming the user. For example, it could be used for call-to-action buttons or as a highlight color in data visualizations. Its depth makes it suitable for backgrounds when contrast with text is carefully managed.
Interior Design
In interior design, Ultramarine can introduce a sense of depth and richness to a room. It works well as an accent color in upholstery, artwork, or decorative items. A single wall painted in this hue can create a dramatic focal point. When combined with lighter colors like white or cream, it can evoke a sense of calm and sophistication. However, overuse can make a room feel small and enclosed, so balance is key. This color also complements natural materials like wood and stone.
Fashion
In fashion, Ultramarine is a bold and versatile color that can be used in both casual and formal wear. It works well as a statement piece, such as a dress or a coat, or as an accent color in accessories like scarves or handbags. When paired with neutral colors like black, white, or gray, it creates a sophisticated and timeless look. It is often associated with confidence, creativity and intelligence. This color is most suitable for evening wear.