Heavy Metal

#2C2C28

General Information about #2C2C28

The hexadecimal color code #2C2C28, often referred to as "Heavy Metal", represents a dark shade of gray, specifically a muted, cool-toned gray. It is composed of 17.25% red, 17.25% green, and 15.69% blue. In the RGB color model, it is defined by the values (44, 44, 40). In the HSL color space, its hue is 60 degrees, saturation is 4.5%, and lightness is 16%. This color is commonly used in designs where a subdued, neutral tone is desired, often evoking feelings of sophistication, solidity, and modernity. It's a popular choice for backgrounds, text, and graphic elements in both digital and print media.

The color #2C2C28, also known as Heavy Metal, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it necessitates very light text to ensure readability. A contrast ratio of at least 4.5:1 is recommended for normal-sized text, as per WCAG guidelines. For large text (14pt bold or 18pt regular), a contrast ratio of 3:1 is acceptable. Due to its darkness, #2C2C28 is best paired with lighter shades of gray, white, or other high-luminance colors to meet accessibility standards. Careful consideration of color combinations is crucial to prevent visual strain and ensure that content is accessible to users with visual impairments. Using tools to check color contrast ratios during design is highly advisable.

Shades

Digital Color Formats

RGB
44 44 40
RGB44 44 40
Red
Green
Blue
HSL
60deg 4.76% 16.47%
604.7616.47HSL
Hue
Saturation
Lightness
HWB
60deg 15.69% 82.75%
6015.6982.75HWB
Hue
Whiteness
Blackness
hex#2C2C28
rgb44 44 40
hsl60deg 4.76% 16.47%
cmyk0% 0% 9.09% 82.75%
hwb60deg 15.69% 82.75%
xyz-d650.02 0.02 0.02
oklch0.2917 0.0071 106.91
oklab0.2917 0 0.01
CMYK
0% 0% 9.09% 82.75%
009.0982.75CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.02
0.020.020.02XYZ
X
Y
Z
OKLCH
0.2917 0.0071 106.91
0.29170.0071106.91LCH
Lightness
Chroma
Hue
OKLAB
0.2917 0 0.01
0.291700.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons