Heavy Metal

#2E332D

General Information

The hexadecimal color code #2E332D represents a dark shade of green-gray, often associated with the term 'Heavy Metal'. In the RGB color model, it consists of 18.04% red, 20% green, and 17.65% blue. Its subdued nature makes it suitable for backgrounds or accent elements in design projects seeking a muted, sophisticated aesthetic. The color imparts a sense of depth and can be used effectively to create a strong contrast when paired with lighter hues. Understanding its composition helps designers effectively implement it in various media from web design to print materials.

The hex color #2E332D, also known as Heavy Metal, presents some accessibility challenges, especially when used for text. Its low luminance value of approximately 0.04 makes it difficult to provide sufficient contrast against lighter backgrounds. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is required for normal text and 3:1 for large text. When pairing #2E332D with white or very light colors, it may fail these contrast tests. To improve accessibility, consider using it with much lighter shades to ensure readability for users with visual impairments. Another approach is to use it for decorative elements rather than critical text, reducing the impact on overall accessibility. Careful consideration of color pairings and luminance contrast is crucial for inclusive design.

Shades

Digital Color Formats

RGB
46 51 45
RGB46 51 45
Red
Green
Blue
HSL
110deg 6.25% 18.82%
1106.2518.82HSL
Hue
Saturation
Lightness
HWB
110deg 17.65% 80%
11017.6580HWB
Hue
Whiteness
Blackness
hex#2E332D
rgb46 51 45
hsl110deg 6.25% 18.82%
cmyk9.8% 0% 11.76% 80%
hwb110deg 17.65% 80%
xyz-d650.03 0.03 0.03
oklch0.3141 0.0126 140.59
oklab0.3141 -0.01 0.01
CMYK
9.8% 0% 11.76% 80%
9.8011.7680CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.03 0.03
0.030.030.03XYZ
X
Y
Z
OKLCH
0.3141 0.0126 140.59
0.31410.0126140.59LCH
Lightness
Chroma
Hue
OKLAB
0.3141 -0.01 0.01
0.3141-0.010.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons