Mirage
General Information about #120D2B
The hexadecimal color code #120D2B, also known as Mirage, is a very dark shade of blue-purple. It is composed of 7.1% red, 5.1% green, and 17.3% blue. In the RGB color model, #120D2B consists of 7.1% red, 5.1% green, and 17.3% blue. Represented in the HSL (hue, saturation, lightness) model, it has a hue angle of 251.1 degrees, a saturation of 54.5%, and a lightness of 11.2%. This color falls within the realm of cool, dark tones, evoking a sense of mystery and sophistication. Its spectral composition indicates a dominance of blue wavelengths with a slight presence of red, contributing to its unique purplish undertone. The low lightness value results in a color that is very close to black, making it suitable for use as a deep, rich accent color.
The color #120D2B, also known as Mirage, presents significant accessibility challenges due to its very dark nature. Its low luminance results in poor contrast against standard white backgrounds, making it difficult for users with visual impairments to discern text or interface elements. To ensure accessibility, it is crucial to use this color sparingly and always pair it with very light colors like white (#FFFFFF) or very pale yellow (#FFFFE0) for text and interactive components. Adhering to WCAG guidelines for contrast ratios is essential. A contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is recommended to meet accessibility standards. Tools like contrast checkers can help verify compliance. Consider alternative, lighter shades if contrast remains problematic despite pairing with light colors.
Shades
Digital Color Formats
Alternative colors
- #221e3f
A slightly lighter shade that offers improved contrast while maintaining a similar dark, mysterious feel.
- #333333
A dark gray that provides better readability against light backgrounds compared to Mirage.
- #1e2749
A dark blue hue that gives a similar aesthetic but can provide better contrast in certain applications.
Applications
Web Design
In web design, Mirage (#120D2B) can serve as a sophisticated background color for sections intended to evoke a sense of mystery or exclusivity. Consider using it for a website's header or footer, paired with light text for contrast. It's also suitable for creating a dark theme option, catering to users who prefer reduced screen brightness. However, ensure that interactive elements maintain sufficient contrast to be easily identifiable. Furthermore, it can be used as a highlight color in data visualizations where certain elements should appear subdued.
Fashion
In fashion, Mirage can be used as a base color for creating outfits with a gothic or futuristic aesthetic. It pairs well with silver or metallic accents and can be used in combination with other dark shades like black or charcoal gray to create monochromatic looks. This color can be applied to garments such as jackets, dresses, or trousers, offering a sleek and mysterious vibe. Accessories like belts or shoes can also incorporate this color to create a cohesive ensemble.
Interior Design
In interior design, Mirage can create a dramatic and elegant atmosphere. It can be used as a wall color in a home theater or study, creating a cozy and intimate space. It also works well as an accent color in furniture or decor, such as throw pillows or vases. When using Mirage in interior design, be mindful of lighting. Complement with warm, ambient lighting to prevent the space from feeling too dark and unwelcoming. Metallic accents can also enhance the sophistication of this dark hue.