Thunder

#312627

General Information about #312627

The hexadecimal color code #312627 represents a dark, muted shade of brown, often described as 'Thunder'. It is composed of 19.2% red, 15% green, and 15.49% blue. In the RGB color space, it translates to (49, 38, 39). This color is commonly associated with stability, earthiness, and sophistication, making it a versatile choice for various applications. Its somber tone lends itself well to creating a sense of depth and richness, often utilized in designs aiming for a vintage or natural aesthetic. It can provide a warm and comforting background when paired with lighter accent colors.

The color #312627, a dark, muted brown, presents several accessibility challenges, particularly concerning color 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. This dark hue may not be suitable for critical interface elements like buttons or links unless paired with a carefully chosen, highly contrasting color. Also, avoid using this color for data visualizations where distinguishing between different data sets is necessary, as its similarity to other dark shades can cause confusion. Testing with accessibility evaluation tools is crucial to confirm compliance with accessibility standards and ensure an inclusive user experience.

Shades

Digital Color Formats

RGB
49 38 39
RGB49 38 39
Red
Green
Blue
HSL
354.55deg 12.64% 17.06%
354.5512.6417.06HSL
Hue
Saturation
Lightness
HWB
354.55deg 14.9% 80.78%
354.5514.980.78HWB
Hue
Whiteness
Blackness
hex#312627
rgb49 38 39
hsl354.55deg 12.64% 17.06%
cmyk0% 22.45% 20.41% 80.78%
hwb354.55deg 14.9% 80.78%
xyz-d650.02 0.02 0.02
oklch0.2816 0.0167 11.94
oklab0.2816 0.02 0
CMYK
0% 22.45% 20.41% 80.78%
022.4520.4180.78CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.02
0.020.020.02XYZ
X
Y
Z
OKLCH
0.2816 0.0167 11.94
0.28160.016711.94LCH
Lightness
Chroma
Hue
OKLAB
0.2816 0.02 0
0.28160.020LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons