Mirage

#111D28

General Information about #111D28

The hex color #111D28, also known as Mirage, is a dark, muted shade of blue-gray. In the RGB color model, it consists of 6.67% red, 11.37% green, and 16.08% blue. This composition places it in the lower range of both hue and saturation, resulting in its dark and subdued appearance. Mirage is often associated with qualities such as sophistication, mystery, and calmness. It is frequently used in design contexts where a sense of understated elegance is desired. The color's low brightness value makes it a suitable choice for backgrounds and accent elements where it can provide contrast without being overly distracting. Its subtle nature allows other colors and design elements to take center stage, making it a versatile option for a variety of applications. This color is not particularly common in nature, but it can evoke a sense of twilight or deep ocean depths.

The color #111D28, also known as Mirage, presents significant accessibility challenges due to its very dark nature. When used as a background color, it requires extremely light text to ensure sufficient contrast for readability. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text. Mirage, being a dark shade, often fails to meet these requirements unless paired with very light colors such as white or bright yellow. Using this color for essential interface elements like buttons or links can be problematic if the color contrast is not carefully managed. Designers must prioritize users with visual impairments by conducting thorough contrast checks using online tools. It is also important to test the color scheme with users who have different types of color blindness to ensure that information is accessible to everyone. Careful consideration should be given to the font weight and size, as these factors also contribute to readability, especially against a dark background like Mirage. Therefore, while Mirage can add a touch of sophistication, accessibility should be a primary concern when incorporating it into a design.

Shades

Digital Color Formats

RGB
17 29 40
RGB17 29 40
Red
Green
Blue
HSL
208.7deg 40.35% 11.18%
208.740.3511.18HSL
Hue
Saturation
Lightness
HWB
208.7deg 6.67% 84.31%
208.76.6784.31HWB
Hue
Whiteness
Blackness
hex#111D28
rgb17 29 40
hsl208.7deg 40.35% 11.18%
cmyk57.5% 27.5% 0% 84.31%
hwb208.7deg 6.67% 84.31%
xyz-d650.01 0.01 0.02
oklch0.2251 0.0275 247.02
oklab0.2251 -0.01 -0.03
CMYK
57.5% 27.5% 0% 84.31%
57.527.5084.31CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.02
0.010.010.02XYZ
X
Y
Z
OKLCH
0.2251 0.0275 247.02
0.22510.0275247.02LCH
Lightness
Chroma
Hue
OKLAB
0.2251 -0.01 -0.03
0.2251-0.01-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons