Mirage

#221822

General Information about Mirage (#221822)

The hex color #221822, also known as Mirage, is a dark, muted shade of purple-gray. It is composed of 13.33% red, 9.41% green, and 13.33% blue. In the RGB color model, it has values of R:34, G:24, B:34. It resides in the cool end of the color spectrum. Mirage is often associated with sophistication, mystery, and elegance due to its dark and subtle nature. It is similar to colors found in twilight landscapes or deep shadows, evoking a sense of depth and calmness. The color name itself, Mirage, suggests an illusion or something not entirely real, adding to its enigmatic quality.

The hex color #221822, also known as Mirage, presents some accessibility challenges, especially when used for text or interactive elements. Its low luminance of 3.7 cd/m² results in poor contrast against a standard white background, failing WCAG's AA and AAA compliance for normal text (4.5:1) and large text (3:1). Therefore, it's crucial to pair Mirage with a much lighter color to ensure readability and usability. For instance, using white or light gray text on a Mirage background would significantly improve contrast. When used for non-text elements such as icons or graphical elements, sufficient contrast against the background is still important to maintain understandability. Consider using a color contrast checker to evaluate the contrast ratio of your color combinations and adhere to accessibility guidelines.

Shades

Digital Color Formats

RGB
34 24 34
RGB34 24 34
Red
Green
Blue
HSL
300 17.24% 11.37%
30017.2411.37HSL
Hue
Saturation
Lightness
HWB
300 9.41% 86.67%
3009.4186.67HWB
Hue
Whiteness
Blackness
hex#221822
rgb34 24 34
hsl300 17.24% 11.37%
cmyk0% 29.41% 0% 86.67%
hwb300 9.41% 86.67%
xyz-d650.01 0.01 0.02
oklch0.2258 0.0242 326.29
oklab0.2258 0.02 -0.01
CMYK
0% 29.41% 0% 86.67%
029.41086.67CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.02
0.010.010.02XYZ
X
Y
Z
OKLCH
0.2258 0.0242 326.29
0.22580.0242326.29LCH
Lightness
Chroma
Hue
OKLAB
0.2258 0.02 -0.01
0.22580.02-0.01LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons