Ultramarine
About Ultramarine (#131488)
Ultramarine, represented by the hexadecimal color code #131488, is a deep, rich blue hue that evokes feelings of sophistication and elegance. This color is often associated with royalty, intelligence, and tranquility. In the RGB color model, #131488 is composed of 7.45% red, 7.84% green, and 53.33% blue. It has a hue angle of 239.6 degrees, a saturation of 76.7%, and a lightness of 30.4%. Historically, Ultramarine was derived from the rare and expensive mineral lapis lazuli, making it a prized pigment in Renaissance paintings. Today, it is synthetically produced, allowing for broader accessibility and use across various applications, from digital design to physical products. Its distinctive shade makes it a powerful tool for conveying specific moods and messages in visual communication.
The hex color #131488, also known as Ultramarine, presents significant accessibility challenges, particularly for users with visual impairments. Its dark shade results in a low luminance value, creating insufficient contrast against lighter backgrounds commonly used for text and interactive elements. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text. Ultramarine often fails to meet these standards when paired with typical light backgrounds like white or light gray. To improve accessibility, consider using Ultramarine with very light text colors like white (#FFFFFF) or very light yellow. Or use Ultramarine for decorative elements where the lack of contrast won't hinder usability. Thoroughly test color combinations with accessibility tools to ensure compliance with WCAG guidelines and to provide a usable experience for all users, including those with low vision or color blindness.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of blue that offers better contrast against white backgrounds, improving readability.
A vibrant blue that can be used as an accent color to draw attention without compromising accessibility when paired with appropriate text colors.
A deeper blue alternative that retains a similar aesthetic while offering increased contrast for improved readability on web pages.
Applications
Website Headers and Navigation
Ultramarine, with its deep and rich tone, can be effectively used in website headers and navigation bars to establish a sense of authority and trustworthiness. Its bold presence commands attention, making it ideal for highlighting key sections of the site. In web design, consider combining it with complementary colors to create visual balance and enhance the overall aesthetic appeal. This strategy not only improves the aesthetic appeal of the website but also ensures that the headers and navigation bar are user-friendly and improve user experience.
Interior Design Accent Color
In interior design, Ultramarine can be used to create a sophisticated and calming atmosphere. Its depth and richness add a touch of elegance to any room, making it perfect for accent walls, upholstery, or decorative accessories. Consider pairing it with neutral colors like beige or gray to balance its intensity, or use it in combination with metallic accents for a touch of glamour. The color works best in rooms with lots of natural light. The color brings out the best when balanced with the right shades, textures and light.
High-End Fashion
In the fashion industry, Ultramarine is often used in high-end garments and accessories to convey a sense of luxury and exclusivity. Its timeless appeal makes it a popular choice for evening wear, formal attire, and statement pieces. Whether it's a flowing gown, a tailored suit, or a pair of stylish heels, Ultramarine adds a touch of sophistication to any ensemble. Its versatility allows it to be paired with a wide range of colors and textures, making it a favorite among designers and fashion enthusiasts alike.