Heavy Metal

#2A2E2C

General Information

The hexadecimal color code #2A2E2C, often referred to as "Heavy Metal," is a dark, muted shade that lies within the gray color family. It is composed of 16.47% red, 18.04% green, and 17.25% blue. In the RGB color space, it has values of R:42, G:46, and B:44. This color is commonly used to evoke feelings of sophistication, neutrality, and modernity. In design, it serves as a versatile background or accent color, working well with a variety of other hues. Because of its subtle nature, it is often chosen to create understated and refined visual experiences.

The hex color #2A2E2C, also known as Heavy Metal, presents several accessibility considerations for web developers. Its relatively dark nature means that sufficient contrast with foreground text is crucial for readability, especially for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text, as per WCAG guidelines. It's advisable to use contrast checking tools to ensure compliance. When using this color as a background, lighter text colors such as shades of white or light gray are generally preferred. Additionally, avoid relying solely on color to convey information; supplement it with text labels or icons to accommodate users with color blindness. Providing alternative styling options, such as high-contrast themes, can further enhance accessibility.

Shades

Digital Color Formats

RGB
42 46 44
RGB42 46 44
Red
Green
Blue
HSL
150 4.55% 17.25%
1504.5517.25HSL
Hue
Saturation
Lightness
HWB
150 16.47% 81.96%
15016.4781.96HWB
Hue
Whiteness
Blackness
hex#2A2E2C
rgb42 46 44
hsl150 4.55% 17.25%
cmyk8.7% 0% 4.35% 81.96%
hwb150 16.47% 81.96%
xyz-d650.02 0.03 0.03
oklch0.2965 0.0067 164.82
oklab0.2965 -0.01 0
CMYK
8.7% 0% 4.35% 81.96%
8.704.3581.96CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.03 0.03
0.020.030.03XYZ
X
Y
Z
OKLCH
0.2965 0.0067 164.82
0.29650.0067164.82LCH
Lightness
Chroma
Hue
OKLAB
0.2965 -0.01 0
0.2965-0.010LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons