Ultramarine
General Information
The hex color #171088, also known as Ultramarine, is a dark shade of blue, evoking feelings of depth, stability, and sophistication. It is composed of 9.02% red, 6.27% green, and 53.33% blue. In the RGB color model, this translates to R:23, G:16, B:136. The corresponding CMYK values are C:83.09%, M:88.24%, Y:0%, K:46.67%. In the HSL color space, it has a hue of 244 degrees, a saturation of 78.8%, and a lightness of 29%. Ultramarine historically was derived from the precious mineral lapis lazuli, making it highly valued. Today, it is synthetically produced, making it much more accessible. It maintains its association with royalty and importance.
The color #171088, a deep ultramarine, presents some accessibility challenges primarily due to its low luminance. When used as a background color, it requires very light text to ensure sufficient contrast for readability. A contrast ratio of at least 4.5:1 is recommended for normal-sized text, as per WCAG guidelines, and #171088 often falls short with many common text colors. Larger text sizes (14pt bold or 18pt regular) require a contrast ratio of 3:1. It's crucial to test color combinations using accessibility tools to verify compliance. When used for interactive elements, ensure that hover, focus, and active states provide clear visual cues and sufficient contrast to be easily discernible by users with visual impairments. Consider providing alternative color schemes for users with specific needs. Using this color for decorative purposes that do not convey essential information poses less of an accessibility risk.
Shades
Digital Color Formats
Alternative colors
- #2e299b
A slightly lighter shade that still captures the essence of ultramarine but provides better contrast against white text.
- #0000cd
A more saturated version that can be used to draw attention to specific elements while maintaining a similar aesthetic.
- #b0c4de
A more pastel version that can be used as a background color.
Applications
Web Design
In web design, #171088 can serve as a sophisticated background for headers or sidebars, especially for sites aiming for a professional or academic look. It's also suitable for highlighting key interactive elements, such as buttons or links, provided that the text is a light color like white or a pale yellow to ensure readability. It can create depth and visual interest when used sparingly in conjunction with complementary or analogous colors.
Fashion
In the realm of fashion, #171088 can be used as a primary color for evening wear or formal attire, conveying elegance and sophistication. It also works well as an accent color in accessories like scarves or handbags, adding a touch of depth to an outfit. When paired with lighter neutrals, it creates a balanced and visually appealing ensemble. The color evokes a sense of mystery and high class.
Interior Design
In interior design, #171088 can be used to create a dramatic and luxurious effect in a room. It's especially effective as an accent wall color in living rooms or bedrooms, creating a focal point that draws the eye. It also works well as a color for upholstery, such as velvet sofas or armchairs, adding a touch of sophistication to the space. When paired with metallic accents like gold or silver, it enhances the sense of luxury.