Mirage
General Information about #101724
The hexadecimal color code #101724 represents a dark, muted shade of blue-black. It's often referred to as 'Mirage' in color palettes. This color is composed of 6.27% red, 9.02% green, and 14.12% blue. In the RGB color model, it has values of R:16, G:23, B:36. In the CMYK color model, its values are C:0.56, M:0.36, Y:0.00, K:0.86. The hue angle is 216.6 degrees, saturation is 39.5%, and lightness is 10.2%. This color is typically associated with feelings of sophistication, mystery, and calm. Its dark nature makes it suitable for backgrounds or elements where a subtle and understated presence is desired. However, careful consideration is required when using it for text or important UI elements to ensure sufficient contrast and readability.
The color #101724, also known as Mirage, presents some accessibility challenges. Its low luminance of approximately 2.56 cd/m² makes it difficult to achieve sufficient contrast against white text or interface elements. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text. Using #101724 for text or important UI elements requires careful consideration of the foreground color. Light shades of gray, yellow, or green may provide better contrast. Tools like contrast checkers can help determine if the color combination meets accessibility standards. It's crucial to prioritize readability and usability for all users, including those with visual impairments. Consider using #101724 sparingly, perhaps for decorative elements, backgrounds, or in conjunction with high-contrast overlays to improve accessibility. Ensure interactive elements have sufficient visual cues and are keyboard accessible.
Shades
Digital Color Formats
Alternative colors
Applications
Web Design
In web design, #101724 is suitable for creating dark, immersive user interfaces. It can be used for website backgrounds, navigation menus, or code editors to reduce eye strain. Complementary colors such as light blues or grays can be used to highlight key elements and create visual interest. The color is not ideal for text without a high contrast.
Interior Design
In interior design, Mirage can be applied to create sophisticated and intimate spaces. It can be used on walls, furniture, or accent pieces to evoke a sense of luxury and mystery. Paired with metallic accents like gold or copper, #101724 can create a glamorous and inviting atmosphere. It's best used in rooms with ample natural light or strategically placed artificial lighting to prevent the space from feeling too dark and enclosed. Consider accent colors like teal or mustard yellow to create contrast and visual interest.
Fashion
In fashion, #101724 evokes a sense of understated elegance and versatility. It can be used for outerwear, dresses, or accessories to create a timeless and sophisticated look. Paired with brighter colors like emerald green or sapphire blue, #101724 can add depth and dimension to an outfit. It's a versatile color that can be dressed up or down, making it suitable for a variety of occasions. Consider using textures like velvet or silk to enhance the richness of the color.