Heavy Metal

#302F2A

General Information about #302F2A

The hexadecimal color code #302F2A, also known as Heavy Metal, is composed of 18.82% red, 18.43% green, and 16.47% blue. In the RGB color space, it has the numerical representation (48, 47, 42). This dark, muted shade falls within the gray color family, exuding a sense of understated elegance and neutrality. Colors similar to #302F2A are often associated with seriousness, sophistication, and timelessness. In a CMYK color model, it consists of 0% cyan, 2.08% magenta, 12.5% yellow, and 81.18% black. The color is mostly used in background elements to allow brighter foreground elements to pop up.

The color #302F2A, also known as Heavy Metal, presents some accessibility challenges, especially for users with visual impairments. Its low luminance value makes it difficult to discern text or elements against it, potentially causing readability issues. When using this color for backgrounds, it is crucial to ensure sufficient contrast with foreground elements like text or icons. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text, as per WCAG guidelines. Consider pairing it with lighter hues to enhance readability. Avoid using it for essential interactive elements without proper contrast, as this can hinder usability for all users. Testing with accessibility tools is advisable to guarantee compliance and inclusivity.

Shades

Digital Color Formats

RGB
48 47 42
RGB48 47 42
Red
Green
Blue
HSL
50deg 6.67% 17.65%
506.6717.65HSL
Hue
Saturation
Lightness
HWB
50deg 16.47% 81.18%
5016.4781.18HWB
Hue
Whiteness
Blackness
hex#302F2A
rgb48 47 42
hsl50deg 6.67% 17.65%
cmyk0% 2.08% 12.5% 81.18%
hwb50deg 16.47% 81.18%
xyz-d650.03 0.03 0.03
oklch0.3045 0.0088 97.66
oklab0.3045 0 0.01
CMYK
0% 2.08% 12.5% 81.18%
02.0812.581.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.03 0.03
0.030.030.03XYZ
X
Y
Z
OKLCH
0.3045 0.0088 97.66
0.30450.008897.66LCH
Lightness
Chroma
Hue
OKLAB
0.3045 0 0.01
0.304500.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons