Mirage

General Information about #131B22

The hex color #131B22, also known as Mirage, is a dark, desaturated shade of blue-gray. It belongs to the family of near-black colors and is often associated with sophistication, elegance, and mystery. In the RGB color model, it is composed of 7.45% red, 10.59% green, and 13.33% blue. The corresponding CMYK values are 0.44, 0.25, 0.00, 0.87. The color is commonly used in design to create a sense of depth or to provide a neutral background. Its low saturation makes it versatile for various applications, from web design to print media. It is recommended to use this color together with much lighter colors in order to ensure a good readability, contrast and accessibility.

The color #131B22, also known as Mirage, presents some accessibility challenges due to its dark nature. When used as a background, it requires very light text to ensure sufficient contrast for readability, ideally a white or near-white color. A contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text (14pt bold or 18pt regular) to meet WCAG AA standards. Using color contrast tools is essential to verify compliance. If used for interactive elements, ensure adequate visual cues beyond color to support users with color vision deficiencies. For instance, adding underlines to links or using icons alongside text labels can improve usability for all users, including those with visual impairments. Proper attention to contrast and alternative cues is vital to make content accessible to everyone.

Shades

Digital Color Formats

Alternative colors

Applications

• Website Backgrounds

  Mirage (#131B22) is a sophisticated dark color suitable for website backgrounds where a subtle and professional aesthetic is desired. It pairs well with light text and minimalist designs, creating a clean and modern look. It's particularly effective in industries such as technology, finance, and consulting, where conveying trust and stability is crucial. Use sparingly in large blocks of text to avoid eye strain and always ensure sufficient contrast with foreground elements to maintain readability and accessibility. Consider using it for headers, footers, or sidebars rather than the main content area.

• Interior Design Accent

  In interior design, Mirage (#131B22) can be used as an accent color in modern and minimalist spaces. It works well on walls, furniture, or decorative elements, creating a sense of depth and sophistication. Pair it with lighter neutrals such as white, beige, or light gray to balance the darkness and create a harmonious atmosphere. It's particularly effective in bedrooms or living rooms, where a calming and relaxing ambiance is desired. Consider using it on a feature wall or as an accent color in upholstery or textiles to add visual interest without overwhelming the space.

• Fashion Accent

  In fashion, Mirage (#131B22) can be used as an accent color in modern and minimalist spaces. It works well on walls, furniture, or decorative elements, creating a sense of depth and sophistication. Pair it with lighter neutrals such as white, beige, or light gray to balance the darkness and create a harmonious atmosphere. It's particularly effective in bedrooms or living rooms, where a calming and relaxing ambiance is desired. Consider using it on a feature wall or as an accent color in upholstery or textiles to add visual interest without overwhelming the space.

Complementary color

Buttons