Mirage

#12212D

General Color Information

The hexadecimal color code #12212D represents a dark, muted shade of blue-gray. In the RGB color model, it consists of 7.06% red, 12.94% green, and 17.65% blue. This color is often referred to as "Mirage" and falls within the range of cool, understated tones. It's characterized by its low saturation and luminance, giving it a subtle, almost nocturnal quality. Colors like #12212D are frequently used to evoke feelings of calmness, sophistication, and stability. They are valued for their versatility in design applications, serving as a grounding element or a neutral backdrop that allows other colors to stand out.

The color #12212D, also known as Mirage, presents certain accessibility challenges, particularly concerning color contrast. When used as a foreground color for text or interactive elements, it's crucial to ensure sufficient contrast against the background to meet WCAG (Web Content Accessibility Guidelines) standards. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. This ensures readability for users with visual impairments. Using a lighter color for text on a #12212D background, or conversely, using #12212D text on a very light background, is advisable. Consider using color contrast checking tools to verify compliance and prioritize accessibility when incorporating this color into designs.

Shades

Digital Color Formats

RGB
18 33 45
RGB18 33 45
Red
Green
Blue
HSL
206.67deg 42.86% 12.35%
206.6742.8612.35HSL
Hue
Saturation
Lightness
HWB
206.67deg 7.06% 82.35%
206.677.0682.35HWB
Hue
Whiteness
Blackness
hex#12212D
rgb18 33 45
hsl206.67deg 42.86% 12.35%
cmyk60% 26.67% 0% 82.35%
hwb206.67deg 7.06% 82.35%
xyz-d650.01 0.01 0.03
oklch0.2404 0.031 243.73
oklab0.2404 -0.01 -0.03
CMYK
60% 26.67% 0% 82.35%
6026.67082.35CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.03
0.010.010.03XYZ
X
Y
Z
OKLCH
0.2404 0.031 243.73
0.24040.031243.73LCH
Lightness
Chroma
Hue
OKLAB
0.2404 -0.01 -0.03
0.2404-0.01-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons