Thunder

#312630

General Information about Thunder

The hex color #312630, often referred to as 'Thunder', is a dark, muted shade residing within the realm of dark grey-brown hues. It carries an air of sophistication and subtlety, making it a popular choice in various design applications. Its composition is primarily determined by the presence of red, green and blue with slightly more red than green and blue. In the RGB color model, it translates to approximately 19% red, 15% green, and 19% blue. This close proximity in values gives it a neutral, almost achromatic quality. Its subdued nature makes it ideal for backgrounds and accents, particularly when aiming for a sophisticated or understated aesthetic. It is a neutral hue with a slightly cool undertone.

The hex color #312630, also known as Thunder, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it requires very light text to ensure readability. According to WCAG guidelines, sufficient contrast is crucial for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Therefore, designers should carefully evaluate the color pairings with #312630 to meet these standards. Tools like contrast checkers can help determine if the chosen text color provides adequate contrast. Additionally, providing alternative styling options, such as a high-contrast mode, can improve accessibility for all users. It's important to avoid using #312630 for essential visual elements without ensuring sufficient contrast.

Shades

Digital Color Formats

RGB
49 38 48
RGB49 38 48
Red
Green
Blue
HSL
305.45 12.64% 17.06%
305.4512.6417.06HSL
Hue
Saturation
Lightness
HWB
305.45 14.9% 80.78%
305.4514.980.78HWB
Hue
Whiteness
Blackness
hex#312630
rgb49 38 48
hsl305.45 12.64% 17.06%
cmyk0% 22.45% 2.04% 80.78%
hwb305.45 14.9% 80.78%
xyz2.49 2.25 3.1
CMYK
0% 22.45% 2.04% 80.78%
022.452.0480.78CMYK
Cyan
Magenta
Yellow
Key
XYZ
2.49 2.25 3.1
2.492.253.1XYZ
X
Y
Z

Alternative colors

Applications

Complementary color

Buttons

HexColo.rs © 2025