Mirage

#1C1E24

General Information

The hex color #1C1E24, also known as Mirage, is a dark, muted shade of gray-brown. In the RGB color model, it is composed of 11.0% red, 11.8% green, and 14.1% blue. Its CMYK values are 0.22, 0.17, 0.0, 0.86, indicating that it primarily consists of black with small amounts of cyan and magenta. This hex color appears frequently in modern user interface designs and minimalist art. Mirage is often chosen for its ability to provide a subtle backdrop that doesn't distract from primary content, making it useful in layouts where the focus is on information clarity. Its somber tone makes it a serious, professional choice.

The hex color #1C1E24, also known as Mirage, presents some accessibility challenges. Its low luminance value of 4.5 makes it difficult to achieve sufficient contrast with lighter text or interface elements. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #1C1E24 as a background, ensure that the foreground text is a light color such as white (#FFFFFF) or a very light gray to meet accessibility standards. Tools like contrast checkers can help verify compliance. Conversely, using dark text on a #1C1E24 background would typically fail accessibility checks, potentially excluding users with visual impairments. Thoughtful consideration of color pairings is crucial for inclusive design.

Shades

Digital Color Formats

RGB
28 30 36
RGB28 30 36
Red
Green
Blue
HSL
225deg 12.5% 12.55%
22512.512.55HSL
Hue
Saturation
Lightness
HWB
225deg 10.98% 85.88%
22510.9885.88HWB
Hue
Whiteness
Blackness
hex#1C1E24
rgb28 30 36
hsl225deg 12.5% 12.55%
cmyk22.22% 16.67% 0% 85.88%
hwb225deg 10.98% 85.88%
xyz-d650.01 0.01 0.02
oklch0.2356 0.0119 270.88
oklab0.2356 0 -0.01
CMYK
22.22% 16.67% 0% 85.88%
22.2216.67085.88CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.02
0.010.010.02XYZ
X
Y
Z
OKLCH
0.2356 0.0119 270.88
0.23560.0119270.88LCH
Lightness
Chroma
Hue
OKLAB
0.2356 0 -0.01
0.23560-0.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons