Mirage

#211222

General Information about #211222

The hex color #211222, often referred to as "Mirage," is a very dark shade of grayish-purple. It's composed of 12.9% red, 7.1% green, and 13.3% blue. In the RGB color space, it's characterized by the values R:33, G:18, and B:34. Its CMYK representation is C:0.03, M:0.47, Y:0.00, and K:0.87. This color tends to evoke a sense of mystery, sophistication, and depth. Due to its darkness, it is often used as a background or accent color, typically paired with lighter shades to ensure contrast and readability. Its subtle purple undertones add a touch of elegance and refinement, making it a popular choice in various design applications.

The hex color #211222, also known as Mirage, presents some accessibility challenges, especially for users with visual impairments. Its low luminance value of approximately 3.17 cd/m² means that text rendered in this color against a dark background will have poor contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is required for normal-sized text and 3:1 for large text to meet Level AA compliance. Using #211222 for text or important UI elements may fail these standards. To improve accessibility, consider pairing it with much lighter colors to achieve sufficient contrast. Tools like contrast checkers can help evaluate the color combinations. Ensure interactive elements have clear visual cues beyond color alone.

Shades

Digital Color Formats

RGB
33 18 34
RGB33 18 34
Red
Green
Blue
HSL
296.25deg 30.77% 10.2%
296.2530.7710.2HSL
Hue
Saturation
Lightness
HWB
296.25deg 7.06% 86.67%
296.257.0686.67HWB
Hue
Whiteness
Blackness
hex#211222
rgb33 18 34
hsl296.25deg 30.77% 10.2%
cmyk2.94% 47.06% 0% 86.67%
hwb296.25deg 7.06% 86.67%
xyz-d650.01 0.01 0.02
oklch0.2103 0.0379 324.61
oklab0.2103 0.03 -0.02
CMYK
2.94% 47.06% 0% 86.67%
2.9447.06086.67CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.02
0.010.010.02XYZ
X
Y
Z
OKLCH
0.2103 0.0379 324.61
0.21030.0379324.61LCH
Lightness
Chroma
Hue
OKLAB
0.2103 0.03 -0.02
0.21030.03-0.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons