Heavy Metal

#223330

General Information about #223330

The hexadecimal color code #223330, often referred to as "Heavy Metal", represents a dark, muted shade of green within the broader spectrum of grays. It is composed of 13.33% red, 20% green, and 18.82% blue. In the RGB color model, #223330 has values of 34 red, 51 green, and 48 blue. In the CMYK color model, it consists of 33.33% cyan, 0% magenta, 5.88% yellow, and 80% black. This color tends to evoke a sense of calm, neutrality, and subtle sophistication. Its earth-toned nature makes it suitable for designs aiming for a natural or understated feel. The color's low saturation and value suggest it is more appropriate for backgrounds or accent elements rather than primary focal points.

The color #223330, a dark, muted shade, presents some accessibility challenges, particularly concerning 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 standard text and 3:1 for large text, as per WCAG guidelines. Using a color contrast checker is crucial to verify compliance. Moreover, avoid using this color for interactive elements without clear visual cues, as users with low vision might struggle to identify them. Consider providing alternative color schemes or a high-contrast mode for users with visual impairments. The darkness of #223330 means it should be paired thoughtfully to avoid excluding users.

Shades

Digital Color Formats

RGB
34 51 48
RGB34 51 48
Red
Green
Blue
HSL
169.41deg 20% 16.67%
169.412016.67HSL
Hue
Saturation
Lightness
HWB
169.41deg 13.33% 80%
169.4113.3380HWB
Hue
Whiteness
Blackness
hex#223330
rgb34 51 48
hsl169.41deg 20% 16.67%
cmyk33.33% 0% 5.88% 80%
hwb169.41deg 13.33% 80%
xyz-d650.02 0.03 0.03
oklch0.3051 0.023 182.69
oklab0.3051 -0.02 0
CMYK
33.33% 0% 5.88% 80%
33.3305.8880CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.03 0.03
0.020.030.03XYZ
X
Y
Z
OKLCH
0.3051 0.023 182.69
0.30510.023182.69LCH
Lightness
Chroma
Hue
OKLAB
0.3051 -0.02 0
0.3051-0.020LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons