Heavy Metal

#282D2B

General Information

The hex color #282D2B, often referred to as "Heavy Metal," is a dark, muted shade of gray that evokes a sense of sophistication and understated elegance. It is composed of 16.1% red, 17.6% green, and 16.9% blue. This color is frequently used in design to create a modern, industrial, or minimalist aesthetic. Due to its neutrality, it can be easily paired with a wide range of other colors, making it a versatile choice for various applications. In color theory, #282D2B is considered a shade of gray, meaning it is created by adding black to a pure hue, resulting in a darker and less saturated version of the original color.

The hex color #282D2B, also known as Heavy Metal, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it requires very light text to ensure readability. A contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text to meet WCAG AA standards. It is crucial to test color combinations using accessibility tools to avoid making content difficult to read for users with visual impairments. Consider using color contrast analyzers to assess whether the color pairings meet accessibility guidelines. If using this color for interactive elements, provide sufficient visual cues beyond color to convey states and actions, such as underlines or icons, to assist users with color blindness.

Shades

Digital Color Formats

RGB
40 45 43
RGB40 45 43
Red
Green
Blue
HSL
156 5.88% 16.67%
1565.8816.67HSL
Hue
Saturation
Lightness
HWB
156 15.69% 82.35%
15615.6982.35HWB
Hue
Whiteness
Blackness
hex#282D2B
rgb40 45 43
hsl156 5.88% 16.67%
cmyk11.11% 0% 4.44% 82.35%
hwb156 15.69% 82.35%
xyz-d650.02 0.03 0.03
oklch0.2915 0.0079 170.06
oklab0.2915 -0.01 0
CMYK
11.11% 0% 4.44% 82.35%
11.1104.4482.35CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.03 0.03
0.020.030.03XYZ
X
Y
Z
OKLCH
0.2915 0.0079 170.06
0.29150.0079170.06LCH
Lightness
Chroma
Hue
OKLAB
0.2915 -0.01 0
0.2915-0.010LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons