Mirage
General Information about #1B2024
The color #1B2024, also known as Mirage, is a very dark, muted shade of grayish-brown. It belongs to the family of near-black colors. In the RGB color model, it is composed of 10.59% red, 12.55% green, and 14.12% blue. In the CMYK color model, it consists of 25% cyan, 11% magenta, 0% yellow, and 86% black. This color is often associated with sophistication, mystery, and understated elegance. Mirage is commonly used in design to create a sense of depth or to provide a neutral background that allows other elements to stand out. It is frequently found in UI design, branding, and fashion.
The color #1B2024, also known as Mirage, has very low contrast with white text, failing WCAG AA and AAA standards. It is crucial to improve text legibility by using lighter text colors like shades of white or light gray. Using this color for text on a white background is not recommended due to its poor readability. It is recommended to use this color as a background with light text to improve accessibility. When using this color for interactive elements, ensure sufficient contrast for focus states to aid keyboard navigation. Consider color blindness when designing with this color. Verify that important information isn't conveyed through color alone. Provide alternative cues like text labels or icons. Use color contrast checking tools during the design process to identify and resolve accessibility issues.
Shades
Digital Color Formats
Alternative colors
- #2c343a
A slightly lighter shade that offers improved contrast while maintaining a similar dark, sophisticated feel.
- #333333
A more neutral gray that provides better readability when used for text, especially on white backgrounds.
- #282c34
A dark blue-gray alternative evokes a similar mood but increases visual distinction against lighter elements.
Applications
Website Backgrounds
Mirage is an excellent choice for website backgrounds, providing a dark and sophisticated canvas that makes lighter text and elements stand out. Its subtlety allows content to take center stage, creating a professional and sleek look, best applied on a portfolio.
Mobile App Dark Mode
In mobile app design, this color can be utilized for dark mode interfaces. It reduces eye strain in low-light conditions. Applying the color #1B2024 ensures the interface maintains readability and aesthetic appeal, in combination with complementary bright colors to make icons and key elements pop.
Branding and Logos
Mirage creates a sophisticated feel when used in branding. It is ideal for logos, packaging, and marketing materials. This color conveys a sense of luxury and understated elegance, it is especially suited to luxury products and brands, conveying trust and high quality.