Mirage

#12102C

General Information about #12102C

The hexadecimal color code #12102C represents a very dark shade of purple-blue, often described as 'Mirage.' It belongs to the family of dark, muted colors and possesses a subtle, sophisticated quality. In the RGB color model, it is composed of 7.06% red, 6.27% green, and 17.25% blue. This color is frequently utilized in design to evoke feelings of mystery, sophistication, and depth. Due to its low brightness, it's often used as a background or accent color, paired with brighter hues to create contrast and visual interest. Its understated nature makes it a versatile choice for various applications, ranging from web design to fashion.

The color #12102C, also known as Mirage, presents significant accessibility challenges, particularly concerning color contrast. When used as text against a white background, or vice versa, the contrast ratio is very low, making it difficult for individuals with visual impairments to read the content. To enhance accessibility, it's crucial to pair Mirage with much lighter hues to ensure a sufficient contrast ratio, ideally meeting WCAG guidelines for contrast. Avoid using it for essential UI elements or text without careful consideration of its impact on users with low vision or color blindness. Always test color combinations with accessibility tools to verify adequate contrast.

Shades

Digital Color Formats

RGB
18 16 44
RGB18 16 44
Red
Green
Blue
HSL
244.29deg 46.67% 11.76%
244.2946.6711.76HSL
Hue
Saturation
Lightness
HWB
244.29deg 6.27% 82.75%
244.296.2782.75HWB
Hue
Whiteness
Blackness
hex#12102C
rgb18 16 44
hsl244.29deg 46.67% 11.76%
cmyk59.09% 63.64% 0% 82.75%
hwb244.29deg 6.27% 82.75%
xyz-d650.01 0.01 0.02
oklch0.1938 0.0547 283.27
oklab0.1938 0.01 -0.05
CMYK
59.09% 63.64% 0% 82.75%
59.0963.64082.75CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.02
0.010.010.02XYZ
X
Y
Z
OKLCH
0.1938 0.0547 283.27
0.19380.0547283.27LCH
Lightness
Chroma
Hue
OKLAB
0.1938 0.01 -0.05
0.19380.01-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons