Mirage

#101C24

General Information about Mirage (#101C24)

The hex color #101C24, often referred to as 'Mirage,' is a dark, muted shade that resides in the realm of deep blues and grays. In the RGB color model, it consists of 6.27% red, 10.98% green, and 14.12% blue. This composition gives it a cool, understated presence. Mirage is frequently employed in designs where a sense of sophistication and calm is desired. Its low saturation makes it a versatile choice, fitting seamlessly into various color schemes without overpowering other elements. It is widely used in web design and graphic design to create a professional, elegant look. It is important to ensure sufficient contrast when using Mirage, so the element are still visible.

The hex color #101c24, also known as Mirage, presents some accessibility challenges, especially concerning text and background contrast. When using this dark hue as a background, it is crucial to select lighter text colors to ensure readability for all users, including those with visual impairments. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text, as per WCAG guidelines. Insufficient contrast can lead to a poor user experience, making content difficult to read and navigate. Tools are available to check contrast ratios and suggest accessible color pairings. Ensure interactive elements meet contrast requirements to provide an inclusive experience.

Shades

Digital Color Formats

RGB
16 28 36
RGB16 28 36
Red
Green
Blue
HSL
204 38.46% 10.2%
20438.4610.2HSL
Hue
Saturation
Lightness
HWB
204 6.27% 85.88%
2046.2785.88HWB
Hue
Whiteness
Blackness
hex#101C24
rgb16 28 36
hsl204 38.46% 10.2%
cmyk55.56% 22.22% 0% 85.88%
hwb204 6.27% 85.88%
xyz-d650.01 0.01 0.02
oklch0.2192 0.0232 238.44
oklab0.2192 -0.01 -0.02
CMYK
55.56% 22.22% 0% 85.88%
55.5622.22085.88CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.02
0.010.010.02XYZ
X
Y
Z
OKLCH
0.2192 0.0232 238.44
0.21920.0232238.44LCH
Lightness
Chroma
Hue
OKLAB
0.2192 -0.01 -0.02
0.2192-0.01-0.02LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons