Heavy Metal

#30342B

General Information

The hexadecimal color code #30342B represents a dark, muted shade of gray-brown. It belongs to the family of neutral colors and evokes a sense of sophistication, stability, and earthiness. In the RGB color model, #30342B is composed of 18.82% red, 20.39% green, and 16.86% blue. The CMYK color model equivalent is approximately 8% cyan, 0% magenta, 17% yellow, and 79% black. This color is often associated with industrial design, modern aesthetics, and natural landscapes. It can be used to create a sense of calmness or an understated elegance in various applications.

The color #30342B, also known as Heavy Metal, presents some accessibility challenges due to its dark nature. When used as a background color, it requires very light text (white or near-white) to ensure sufficient contrast for readability. According to WCAG guidelines, the contrast ratio between the text and background should be at least 4.5:1 for normal text and 3:1 for large text. Using a color contrast checker is essential to verify compliance. Avoid pairing #30342B with other dark or muted colors as text, as this will likely result in insufficient contrast. Consider increasing the font size or using bold text to improve readability if the contrast ratio is borderline. Also, provide alternative styling options for users with visual impairments, such as a high-contrast mode.

Shades

Digital Color Formats

RGB
48 52 43
RGB48 52 43
Red
Green
Blue
HSL
86.67deg 9.47% 18.63%
86.679.4718.63HSL
Hue
Saturation
Lightness
HWB
86.67deg 16.86% 79.61%
86.6716.8679.61HWB
Hue
Whiteness
Blackness
hex#30342B
rgb48 52 43
hsl86.67deg 9.47% 18.63%
cmyk7.69% 0% 17.31% 79.61%
hwb86.67deg 16.86% 79.61%
xyz-d650.03 0.03 0.03
oklch0.318 0.0165 126.97
oklab0.318 -0.01 0.01
CMYK
7.69% 0% 17.31% 79.61%
7.69017.3179.61CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.03 0.03
0.030.030.03XYZ
X
Y
Z
OKLCH
0.318 0.0165 126.97
0.3180.0165126.97LCH
Lightness
Chroma
Hue
OKLAB
0.318 -0.01 0.01
0.318-0.010.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons