Mirage

#181E20

General Information

The hex color #181E20, often referred to as Mirage, is a very dark shade of gray with slightly muted undertones. It resides in the gray color family and possesses a low saturation, contributing to its subdued and sophisticated appearance. In the RGB color model, it consists of 9.41% red, 11.76% green, and 12.55% blue. It's commonly used to evoke feelings of calmness, sophistication, and modernity. Its low brightness value makes it suitable for backgrounds and elements where a subtle, non-intrusive color is desired. This color is typically used in applications where a dark theme is desired, or in combination with brighter colors to provide contrast.

The hex color #181E20, also known as Mirage, presents some accessibility challenges due to its dark nature. When used as a background color, it necessitates very light text to ensure sufficient contrast for readability. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text (14pt bold or 18pt regular). Using online contrast checkers is highly recommended to verify compliance. Avoid pairing #181E20 with mid-tone grays or dark colors, as this will likely result in insufficient contrast. When using this color for interactive elements, such as buttons or links, consider providing clear visual cues beyond just color to aid users with visual impairments.

Shades

Digital Color Formats

RGB
24 30 32
RGB24 30 32
Red
Green
Blue
HSL
195 14.29% 10.98%
19514.2910.98HSL
Hue
Saturation
Lightness
HWB
195 9.41% 87.45%
1959.4187.45HWB
Hue
Whiteness
Blackness
hex#181E20
rgb24 30 32
hsl195 14.29% 10.98%
cmyk25% 6.25% 0% 87.45%
hwb195 9.41% 87.45%
xyz-d650.01 0.01 0.02
oklch0.2298 0.0097 220.04
oklab0.2298 -0.01 -0.01
CMYK
25% 6.25% 0% 87.45%
256.25087.45CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.02
0.010.010.02XYZ
X
Y
Z
OKLCH
0.2298 0.0097 220.04
0.22980.0097220.04LCH
Lightness
Chroma
Hue
OKLAB
0.2298 -0.01 -0.01
0.2298-0.01-0.01LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons