Mirage

#1B1A22

General Information about #1B1A22

The hexadecimal color code #1B1A22, also known as Mirage, represents a very dark, desaturated shade of violet-blue. It belongs to the family of near-black colors and evokes a sense of sophistication and mystery. In the RGB (Red, Green, Blue) color model, #1B1A22 is composed of 10.59% red, 10.2% green, and 13.33% blue. When represented in the CMYK (Cyan, Magenta, Yellow, Key/Black) color model, it consists of 20.6% cyan, 23.53% magenta, 0% yellow, and 86.67% black. This color is often used in designs where a dark, subtle background is desired, offering a calming and refined visual experience. It is popular for creating dark themes.

The color #1B1A22 presents challenges in terms of accessibility, particularly when used for text or interactive elements. Its low luminance value results in poor contrast against light backgrounds, potentially making content difficult to read for users with visual impairments. To ensure inclusivity, it's crucial to pair this color with significantly lighter shades to meet WCAG (Web Content Accessibility Guidelines) contrast ratio requirements. A contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is recommended. Additionally, providing alternative cues, such as icons or labels, can further enhance usability for all users. Consider using tools to verify contrast ratios during the design process.

Shades

Digital Color Formats

RGB
27 26 34
RGB27 26 34
Red
Green
Blue
HSL
247.5 13.33% 11.76%
247.513.3311.76HSL
Hue
Saturation
Lightness
HWB
247.5 10.2% 86.67%
247.510.286.67HWB
Hue
Whiteness
Blackness
hex#1B1A22
rgb27 26 34
hsl247.5 13.33% 11.76%
cmyk20.59% 23.53% 0% 86.67%
hwb247.5 10.2% 86.67%
xyz-d650.01 0.01 0.02
oklch0.2225 0.0155 290.79
oklab0.2225 0.01 -0.01
CMYK
20.59% 23.53% 0% 86.67%
20.5923.53086.67CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.02
0.010.010.02XYZ
X
Y
Z
OKLCH
0.2225 0.0155 290.79
0.22250.0155290.79LCH
Lightness
Chroma
Hue
OKLAB
0.2225 0.01 -0.01
0.22250.01-0.01LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons