Mirage
General Information
The hexadecimal color code #112226 represents a very dark shade of cyan, almost appearing as a dark, muted gray. It's composed of 6.67% red, 13.33% green, and 14.9% blue. In the RGB color space, it has values of R:17, G:34, B:38. This color falls into the cool color spectrum due to the higher presence of blue and green. Its subdued nature makes it suitable for creating backgrounds or accents that require a subtle, understated presence. The color is often associated with tranquility, sophistication, and a sense of depth. In branding, it can convey reliability and a quiet strength. Its darkness requires careful consideration of contrast when used with text or other visual elements.
The color #112226, a very dark desaturated cyan, presents significant accessibility challenges, especially in text applications. Its low lightness value results in a very low contrast ratio against standard white backgrounds, failing WCAG's AAA and AA standards. This makes text difficult to read for users with visual impairments, including those with low vision or color blindness. To improve accessibility, it's crucial to pair this color with significantly lighter hues. White (#FFFFFF) or very light grays would provide the necessary contrast. Additionally, consider increasing text size and using bolder fonts to enhance readability. Avoid using this color for critical interactive elements without careful consideration of contrast. Always test color combinations with accessibility evaluation tools to ensure compliance with accessibility guidelines and provide an inclusive experience for all users.
Shades
Digital Color Formats
Alternative colors
- #223339
A slightly lighter shade that offers improved contrast against white backgrounds.
- #333333
A desaturated gray that provides a neutral alternative with better readability.
- #3b444b
To create a softer and more inviting atmosphere consider this color that blends well with beige accents and natural materials.
Applications
Web Development
In web development, #112226 can be used sparingly as a background color for specific sections to create depth and separation. Due to its darkness, it is best suited for areas where minimal text is present, such as headers or sidebars. It can also serve as a subtle accent color for borders or dividers, adding a touch of sophistication without overwhelming the design. It's not recommended for primary text or interactive elements due to accessibility concerns. To ensure usability, pair it with high-contrast complementary colors for any text or interactive elements placed on this background.
Interior Design
In interior design, #112226 (Mirage) can be incorporated to establish a calm and sophisticated ambiance. It can be used as an accent wall color in living rooms or bedrooms, complemented by lighter furniture and decor to create contrast. It's particularly effective in studies or home offices to evoke a sense of focus and tranquility. This color also works well in smaller doses, such as for upholstery, cushions, or decorative objects. The key is to balance the darkness of Mirage with brighter, warmer tones to prevent the space from feeling too somber. Plants and natural textures can help create an inviting atmosphere.
Fashion
In fashion, #112226 can be a chic and versatile choice for creating elegant and understated looks. It works particularly well in evening wear, such as dresses or suits, providing a sophisticated backdrop for accessories. The color can also be incorporated into casual outfits, such as sweaters or trousers, adding a touch of refinement. It pairs well with both bold and neutral colors, allowing for versatile styling options. To avoid a drab appearance, consider adding pops of color with jewelry, scarves, or shoes. Textural fabrics, such as velvet or silk, can also enhance the richness of this dark hue.