Mirage
General Information
The hexadecimal color code #101529, also known as Mirage, represents a dark, muted shade of blue. It is composed of 6.27% red, 8.24% green, and 16.08% blue. In the RGB color model, this translates to 16 red, 21 green, and 41 blue. The corresponding CMYK values are 0.61 cyan, 0.49 magenta, 0.00 yellow, and 0.84 black. This indicates that the color is primarily composed of cyan and magenta, with a significant amount of black contributing to its darkness. In the HSL (hue, saturation, lightness) system, Mirage has a hue of 223 degrees, a saturation of 49.2%, and a lightness of 10.2%. This places it in the blue-violet range of the color spectrum with low lightness and moderate saturation, characteristic of its subdued and dark appearance.
The hex color #101529, also known as Mirage, presents several accessibility challenges due to its dark nature. Its low luminance value signifies poor visibility when used as a foreground color on a white or light-colored background. Text rendered in this color may be difficult for users with visual impairments to read, failing to meet WCAG (Web Content Accessibility Guidelines) standards for contrast ratio. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text to ensure readability. When using #101529, designers should opt for lighter foreground colors like white or very pale shades of yellow or green to meet these accessibility standards. Otherwise, it is not recommended to use this color for fonts or icons. Consider using color contrast checker tools to verify compliance with accessibility guidelines.
Shades
Digital Color Formats
Alternative colors
Applications
Website Background
Mirage (#101529) can be effectively employed in web development as a background color for website footers or sidebars. Its deep, muted tone creates a sense of sophistication and can help delineate different sections of a webpage. Using this color allows content to be separated by a visual element. To ensure optimal readability, pair it with light-colored text such as white or a very pale shade of gray. This combination creates a sufficient contrast ratio, making the text easily legible for users. Furthermore, using Mirage as a background color can create a visually appealing, professional, and modern aesthetic for websites.
Interior Design
In interior design, Mirage (#101529) can be utilized to create a calming and sophisticated atmosphere in spaces like bedrooms or studies. Its deep, dark hue evokes a sense of tranquility and can make a room feel more intimate. When using Mirage on walls, it's essential to balance it with lighter elements such as bright furniture, artwork, or textiles to prevent the space from feeling too dark or closed-in. Accenting with metallic elements like gold or copper can also add a touch of elegance and warmth, complementing the cool undertones of Mirage. This color is best suited for spaces where a relaxing and refined ambiance is desired.
Fashion Apparel
In the fashion industry, Mirage (#101529) serves as a versatile color choice for creating elegant and understated apparel. It can be used for formal wear, such as evening gowns or suits, providing a sophisticated backdrop that allows accessories and other design elements to stand out. As an accent color it would be a good contrast to a lighter primary color. For example, it can be incorporated into accessories like scarves, belts, or handbags to add a touch of refinement to an outfit. Its dark tone makes it suitable for various fabrics, including silk, velvet, and wool. When paired with brighter colors or metallic accents, Mirage can create a striking contrast, enhancing the overall visual appeal of the garment or accessory.