Mirage

#201820

General Information about #201820 (Mirage)

The hexadecimal color code #201820 represents a dark, desaturated shade of gray-purple. It belongs to the family of near-black colors, often associated with sophistication, mystery, and understated elegance. In the RGB color model, #201820 consists of 12.55% red, 9.41% green, and 12.55% blue. This indicates a relatively balanced composition of primary colors, resulting in its muted appearance. The color is commonly referred to as "Mirage," a name that evokes a sense of illusion and depth, befitting its subtly complex nature. Colors like #201820 are frequently utilized in design to create contrast, establish a mood, or provide a backdrop that allows other elements to stand out. Its low saturation makes it a versatile choice, easily adaptable to various design contexts, ranging from web interfaces to print materials. Its unique quality comes from the equal parts of blue and red, giving it a slight purple undertone.

The hex color #201820, often referred to as "Mirage," presents unique accessibility considerations. Its dark nature results in a low contrast ratio against standard white backgrounds, potentially causing readability issues for users with visual impairments. To ensure inclusivity, it's crucial to pair this color with light text or elements. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text, as per WCAG guidelines. Using tools to check contrast ratios is advisable. Additionally, avoid using #201820 for crucial interactive elements without sufficient visual cues, as users may struggle to identify them. Consider providing alternative visual cues, such as underlines or icons, to enhance usability. Proper color choices contribute significantly to web accessibility, and prioritizing sufficient contrast ensures a better experience for all users, regardless of their visual abilities. For optimal accessibility, carefully test and validate color combinations.

Shades

Digital Color Formats

RGB
32 24 32
RGB32 24 32
Red
Green
Blue
HSL
300 14.29% 10.98%
30014.2910.98HSL
Hue
Saturation
Lightness
HWB
300 9.41% 87.45%
3009.4187.45HWB
Hue
Whiteness
Blackness
hex#201820
rgb32 24 32
hsl300 14.29% 10.98%
cmyk0% 25% 0% 87.45%
hwb300 9.41% 87.45%
xyz-d650.01 0.01 0.02
oklch0.2223 0.0195 326.15
oklab0.2223 0.02 -0.01
CMYK
0% 25% 0% 87.45%
025087.45CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.02
0.010.010.02XYZ
X
Y
Z
OKLCH
0.2223 0.0195 326.15
0.22230.0195326.15LCH
Lightness
Chroma
Hue
OKLAB
0.2223 0.02 -0.01
0.22230.02-0.01LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons