Thunder

#302B2D

General Information about #302B2D

The hexadecimal color code #302B2D represents a dark, muted shade that is often described as a dark grayish-brown or a deep charcoal. It falls within the range of near-black colors and possesses a subtle, understated quality. In the RGB color model, #302B2D is composed of 18.82% red, 16.86% green, and 17.65% blue. This color is commonly used in design to convey sophistication, neutrality, and a sense of depth. The color is generally associated with somberness. It's a color choice that's far from vibrant and is closer to the achromatic spectrum.

The color #302B2D, also known as Thunder, presents some accessibility challenges due to its dark nature. When used as a background color, it requires very light text to ensure sufficient contrast for readability, ideally a white or near-white color. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text. Using a color like Thunder necessitates careful consideration of these ratios to meet accessibility standards. Insufficient contrast can make content difficult or impossible to read for users with visual impairments, including those with low vision or color blindness. Therefore, when incorporating #302B2D in a design, always test the color combination with accessibility tools to ensure compliance and optimal user experience.

Shades

Digital Color Formats

RGB
48 43 45
RGB48 43 45
Red
Green
Blue
HSL
336deg 5.49% 17.84%
3365.4917.84HSL
Hue
Saturation
Lightness
HWB
336deg 16.86% 81.18%
33616.8681.18HWB
Hue
Whiteness
Blackness
hex#302B2D
rgb48 43 45
hsl336deg 5.49% 17.84%
cmyk0% 10.42% 6.25% 81.18%
hwb336deg 16.86% 81.18%
xyz-d650.03 0.03 0.03
oklch0.2952 0.0081 351.15
oklab0.2952 0.01 0
CMYK
0% 10.42% 6.25% 81.18%
010.426.2581.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.03 0.03
0.030.030.03XYZ
X
Y
Z
OKLCH
0.2952 0.0081 351.15
0.29520.0081351.15LCH
Lightness
Chroma
Hue
OKLAB
0.2952 0.01 0
0.29520.010LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons