Bastille

#2A222C

General Information about #2A222C

The hexadecimal color code #2A222C represents a dark, muted shade often described as a deep, shadowy purple or a dark grayish-purple. In the RGB color model, it is composed of 16.47% red, 13.33% green, and 17.25% blue. This color resides in the cool end of the spectrum and exudes a sense of sophistication, mystery, and understated elegance. Colors like #2A222C are frequently employed in design contexts where a subtle, non-intrusive background is desired, allowing other elements to take center stage. Its low saturation makes it versatile for various applications, from web design to interior decorating, where creating a calming or luxurious atmosphere is the goal. Understanding the nuances of such colors enables designers to create visually appealing and emotionally resonant compositions.

The color #2A222C, a deep and muted shade, presents certain accessibility considerations. Its low luminance can pose challenges for users with visual impairments, especially when used for text or small icons against a dark background. To ensure readability, it's crucial to maintain a high contrast ratio, ideally exceeding 4.5:1 for normal text and 3:1 for large text. Consider pairing it with lighter hues or employing text shadows to improve visibility. Additionally, avoid using this color as the sole indicator of interactive elements, as users with color vision deficiencies may struggle to differentiate them. Providing supplementary cues, such as underlines or borders, can greatly enhance accessibility. Thoroughly test color combinations with accessibility tools to address potential issues and accommodate a diverse user base, making content more inclusive and user-friendly. Remember that adequate spacing between elements also helps a user to distinguish different elements from each other.

Shades

Digital Color Formats

RGB
42 34 44
RGB42 34 44
Red
Green
Blue
HSL
288 12.82% 15.29%
28812.8215.29HSL
Hue
Saturation
Lightness
HWB
288 13.33% 82.75%
28813.3382.75HWB
Hue
Whiteness
Blackness
hex#2A222C
rgb42 34 44
hsl288 12.82% 15.29%
cmyk4.55% 22.73% 0% 82.75%
hwb288 13.33% 82.75%
xyz-d650.02 0.02 0.03
oklch0.2653 0.0216 319.4
oklab0.2653 0.02 -0.01
CMYK
4.55% 22.73% 0% 82.75%
4.5522.73082.75CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.03
0.020.020.03XYZ
X
Y
Z
OKLCH
0.2653 0.0216 319.4
0.26530.0216319.4LCH
Lightness
Chroma
Hue
OKLAB
0.2653 0.02 -0.01
0.26530.02-0.01LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons