Ultramarine
About Ultramarine
Ultramarine, represented by the hex code #130B90, is a deep and intense shade of blue. Historically, the pigment ultramarine was derived from the gemstone lapis lazuli, making it highly prized and expensive, often reserved for the most important commissions. Today, synthetic ultramarine is readily available, offering the same vibrant hue at a fraction of the cost. This color is often associated with royalty, the sea, and a sense of depth and mystery. In color psychology, deep blues like ultramarine can evoke feelings of calmness and stability, while also suggesting power and authority. It is a color that commands attention and adds a touch of elegance to designs.
The color #130B90, also known as Ultramarine, presents significant accessibility challenges, particularly concerning color contrast. When used as text against a white background, the contrast ratio is substantially low, making it difficult for users with visual impairments to read. To ensure accessibility, it's crucial to pair this dark blue shade with much lighter colors, such as whites, creams, or very light yellows, to meet WCAG (Web Content Accessibility Guidelines) standards for contrast. Using online contrast checker tools can help verify that the color combinations meet accessibility requirements. Additionally, consider providing alternative visual cues, such as underlines or icons, to convey information for users who may struggle to differentiate colors. Avoid using this color for critical information without sufficient contrast.
Shades
Digital Color Formats
Alternative colors
- #2918ab
A slightly lighter shade of blue that provides better contrast against white backgrounds.
- #3529e1
A more vibrant blue that can be used to draw attention while still maintaining some of the depth of ultramarine.
- #222255
A toned down alternative of the given color, less harsh and a better fit as background color.
Applications
Web Design Accents
In web design, Ultramarine (#130B90) can be used sparingly for accent elements like buttons or links to draw attention without overwhelming the user interface. It's particularly effective in minimalistic designs where a pop of deep, rich color can add visual interest. However, due to its low contrast, it should be used with caution for text or critical UI elements. Consider pairing it with lighter shades of blue or complementary colors like yellow for a balanced and accessible design.
Fashion and Apparel
In fashion, Ultramarine can be incorporated into evening wear or formal attire to evoke a sense of sophistication and elegance. A dress or suit in this color can make a powerful statement, especially when paired with silver or gold accessories. It can also be used as an accent color in smaller accessories like scarves or ties to add a touch of depth to an outfit.
Interieur Design
Ultramarine can be applied as a deep and saturated accent wall in interior design, providing a focal point in living rooms, bedrooms, or studies. Paired with lighter wall colors and wooden furniture, it generates a sophisticated yet cozy atmosphere. Furthermore it can be used for decorative elements like vases or pillow cases.