Thunder

#312B28

General Information about Thunder

The hexadecimal color #312B28, often referred to as 'Thunder,' is a dark, muted shade of brown. It is composed of 19.2% red, 17.1% green, and 15.7% blue. In the RGB color space, it has relatively low values, indicating its darkness. This color leans towards the brown family due to the balanced contribution of red and green, with a slightly lesser amount of blue. Thunder is often associated with natural elements like earth, wood, or stone, evoking a sense of stability, grounding, and understated elegance. Its subdued nature makes it a versatile choice for various applications seeking a touch of warmth without being overly vibrant.

The hex color #312B28, also known as Thunder, presents certain accessibility challenges, primarily due to its low luminance. When used as a background color, it requires very light text to ensure sufficient contrast for readability, especially for users with visual impairments. 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 essential to verify compliance. Also, it's important to consider the overall design and context. Avoid pairing this color with other dark shades, and ensure interactive elements have clear visual cues that don't solely rely on color. Providing alternative styling options for users can further improve accessibility.

Shades

Digital Color Formats

RGB
49 43 40
RGB49 43 40
Red
Green
Blue
HSL
20deg 10.11% 17.45%
2010.1117.45HSL
Hue
Saturation
Lightness
HWB
20deg 15.69% 80.78%
2015.6980.78HWB
Hue
Whiteness
Blackness
hex#312B28
rgb49 43 40
hsl20deg 10.11% 17.45%
cmyk0% 12.24% 18.37% 80.78%
hwb20deg 15.69% 80.78%
xyz-d650.03 0.03 0.02
oklch0.2945 0.0103 48.23
oklab0.2945 0.01 0.01
CMYK
0% 12.24% 18.37% 80.78%
012.2418.3780.78CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.03 0.02
0.030.030.02XYZ
X
Y
Z
OKLCH
0.2945 0.0103 48.23
0.29450.010348.23LCH
Lightness
Chroma
Hue
OKLAB
0.2945 0.01 0.01
0.29450.010.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons