Heavy Metal

#283331

General Information

The hexadecimal color code #283331 represents a dark shade of green-gray. It is often referred to as "Heavy Metal", suggesting a strong, industrial feel. The color is composed of 15.7% red, 20% green, and 19.2% blue. In the RGB color model, this translates to RGB(40, 51, 49). It has a hue angle of 166.7 degrees, a saturation of 10.3%, and a lightness of 17.6% in the HSL color space. This color is often associated with sophistication, stability, and a sense of groundedness. It's a popular choice for designs that require a subtle yet impactful aesthetic.

The hex color #283331, also known as Heavy Metal, presents some accessibility challenges, particularly in text applications. Due to its relatively low luminance, achieving sufficient contrast with lighter background colors is crucial. A contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text to comply with WCAG (Web Content Accessibility Guidelines) AA standards. When using #283331 for text, consider pairing it with very light shades of gray, white, or other pale hues to ensure readability for users with visual impairments. Additionally, avoid using this color for interactive elements like buttons or links without providing clear visual cues, such as borders or hover effects, to enhance usability. Testing with accessibility tools is vital to confirm adequate contrast and overall accessibility.

Shades

Digital Color Formats

RGB
40 51 49
RGB40 51 49
Red
Green
Blue
HSL
169.09deg 12.09% 17.84%
169.0912.0917.84HSL
Hue
Saturation
Lightness
HWB
169.09deg 15.69% 80%
169.0915.6980HWB
Hue
Whiteness
Blackness
hex#283331
rgb40 51 49
hsl169.09deg 12.09% 17.84%
cmyk21.57% 0% 3.92% 80%
hwb169.09deg 15.69% 80%
xyz-d650.03 0.03 0.03
oklch0.3102 0.0153 183.17
oklab0.3102 -0.02 0
CMYK
21.57% 0% 3.92% 80%
21.5703.9280CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.03 0.03
0.030.030.03XYZ
X
Y
Z
OKLCH
0.3102 0.0153 183.17
0.31020.0153183.17LCH
Lightness
Chroma
Hue
OKLAB
0.3102 -0.02 0
0.3102-0.020LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons