Ultramarine
General Information about Ultramarine
The hex color #131286, also known as Ultramarine, is a deep shade of blue-violet. It belongs to the blue color family, known for its association with calmness, stability, and intelligence. In the RGB color model, #131286 is composed of 7.45% red, 7.06% green, and 52.55% blue. In the CMYK color model, it consists of 86% cyan, 87% magenta, 0% yellow, and 47% black. The color's hexadecimal notation makes it easily identifiable and usable in digital design and web development. Ultramarine's rich and intense hue makes it a popular choice for creating a sense of depth and sophistication in various applications, ranging from branding and marketing materials to fashion and interior design. The color is also closely related to shades of indigo and sapphire, offering versatility in color palettes.
The color #131286, a deep ultramarine, presents several accessibility considerations for web developers. Due to its low luminance, using it as a background color requires careful selection of foreground text colors to ensure sufficient contrast. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text. White or very light shades of yellow or orange would likely provide adequate contrast. Conversely, using this color as a text color on a white or light background is not advisable, as the contrast would be insufficient for readability. When using #131286 for interactive elements like buttons or links, it's crucial to provide clear visual cues, such as hover effects or underlines, to ensure users can easily identify and interact with them. Careful attention to these details will help create a more inclusive and user-friendly web experience for individuals with visual impairments.
Shades
Digital Color Formats
Alternative colors
- #282791
A slightly lighter shade that maintains the depth of ultramarine but offers better contrast when used as a background.
- #333277
A more desaturated version, offering a softer aesthetic and potentially better readability in certain contexts.
- #343399
A vibrant alternative that can be used as an accent color, providing a pop of color without overwhelming the design.
Applications
Web Design for Corporate Branding
In web design, #131286 can be employed to create a sophisticated and trustworthy brand image, particularly for financial institutions or technology companies. It is suitable for website headers, navigation bars, and call-to-action buttons when paired with contrasting colors to ensure readability and accessibility. The color evokes feelings of stability and intelligence. Using this color for interactive elements requires careful attention to usability, as the color may not be the best when displaying text.
Interior Design for Calm Spaces
In interior design, Ultramarine can be used as an accent color to create a calming and sophisticated atmosphere. It works well in bedrooms or studies, paired with neutral colors like gray or beige. The color can be incorporated through paint, furniture, or decorative accessories to add depth and visual interest to the space. Using it sparingly is important to prevent the room from feeling too dark or overwhelming.
Fashion Design for Statement Pieces
In fashion, #131286 can be used as a bold statement color. It can be incorporated into evening wear, formal suits, or accessories like scarves and handbags. The color conveys confidence and sophistication. However, it's important to consider skin tone when wearing this color, as it can wash out some complexions. Pairing it with complementary colors or metallic accents can enhance the overall look.