Ultramarine
About Hex Color #110299 (Ultramarine)
The hexadecimal color #110299, also known as Ultramarine, is a deep and vibrant shade of blue. It is composed of 6.67% red, 0.78% green, and 60% blue. In the RGB color model, this color is represented as (17, 2, 153). Ultramarine historically was a precious pigment made from ground lapis lazuli. The name 'ultramarine' comes from the Latin 'ultramarinus,' meaning 'beyond the sea,' as the pigment was originally imported to Europe from mines in Afghanistan by Italian traders. Today, synthetic ultramarine is widely available, offering the same beautiful hue at a fraction of the cost. This color is often associated with depth, stability, and trust, making it a popular choice in branding and design. Its high blue component gives it a calming yet powerful presence.
The color #110299, a deep ultramarine, presents several accessibility considerations for web design. Its low luminance value means that text rendered in this color requires a very light foreground color to achieve sufficient contrast, ensuring readability for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text, as per WCAG guidelines. When using #110299 for backgrounds or interactive elements, careful attention must be paid to the contrast of the surrounding elements. Providing alternative styling options, such as a high-contrast mode, can greatly improve the experience for users with different visual needs. Additionally, avoid using color alone to convey important information; supplement color cues with text labels or icons to ensure accessibility for colorblind users. Thoughtful application of this vibrant hue can enhance visual appeal while maintaining inclusivity.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of blue that maintains a sense of depth while improving contrast against light text.
A more desaturated blue that provides a softer, less intense feel, suitable for backgrounds and less critical UI elements.
A lighter shade of blue to provide better readability for text.
Applications
Web Design Header Background
In website design, #110299 can be used for header backgrounds to create a sophisticated and modern look. It pairs well with white or light gray text for optimal readability. For interactive elements like buttons or links, using this color for the hover state can provide a clear visual cue to the user. However, ensure sufficient contrast with the surrounding elements to maintain accessibility standards.
Fashion: Evening Wear
In fashion, ultramarine can be used in evening wear or formal attire to create a sophisticated and elegant aesthetic. It can be paired with neutral colors like black, white, or gray, or with metallics like silver or gold for a more glamorous look. The deep blue hue adds depth and richness to the outfit, making it suitable for special occasions.
Interior Design Accent Walls
Ultramarine, with its rich and deep hue, can be incorporated in interior design to evoke a sense of depth and luxury. It works exceptionally well in accent walls, creating a focal point in living rooms or bedrooms. When paired with lighter, neutral tones such as creams, grays, or whites, the ultramarine provides a striking contrast, adding visual interest and sophistication to the space. This color is also suitable for furniture pieces, such as velvet sofas or armchairs, which can add a touch of elegance and comfort to the room.