Mirage

#111828

General Information about #111828

The hexadecimal color code #111828 represents a dark, desaturated shade of blue-gray. It is often described as a deep, muted color that evokes feelings of sophistication, mystery, and tranquility. In the RGB color model, #111828 is composed of 6.7% red, 9.4% green, and 15.7% blue. This combination of low red, green, and blue values results in its dark appearance. The color is commonly referred to as "Mirage," a name that suggests its elusive and subtle nature. Colors like this are often used to create a sense of depth and visual interest without being overly bright or distracting. Its hex triplet is 11, 18 and 28.

The color #111828, also known as Mirage, presents significant accessibility challenges due to its extremely low luminance. It falls far short of recommended contrast ratios against standard white backgrounds, making text or interface elements rendered in this color difficult for users with visual impairments to discern. To ensure inclusivity, it is crucial to pair Mirage with much lighter colors that provide sufficient contrast. Tools like contrast checkers can assist in verifying compliance with WCAG guidelines. Designers should also consider providing alternative high-contrast themes to accommodate users with diverse visual needs. Using this color sparingly and thoughtfully is essential to prevent creating barriers to access.

Shades

Digital Color Formats

RGB
17 24 40
RGB17 24 40
Red
Green
Blue
HSL
221.74deg 40.35% 11.18%
221.7440.3511.18HSL
Hue
Saturation
Lightness
HWB
221.74deg 6.67% 84.31%
221.746.6784.31HWB
Hue
Whiteness
Blackness
hex#111828
rgb17 24 40
hsl221.74deg 40.35% 11.18%
cmyk57.5% 40% 0% 84.31%
hwb221.74deg 6.67% 84.31%
xyz-d650.01 0.01 0.02
oklch0.2107 0.0336 265.59
oklab0.2107 0 -0.03
CMYK
57.5% 40% 0% 84.31%
57.540084.31CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.02
0.010.010.02XYZ
X
Y
Z
OKLCH
0.2107 0.0336 265.59
0.21070.0336265.59LCH
Lightness
Chroma
Hue
OKLAB
0.2107 0 -0.03
0.21070-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons