Thunder

#302B33

General Information about #302B33

The hexadecimal color code #302B33 represents a dark, muted shade of purple, often described as 'Thunder'. It is composed of 18.82% red, 16.86% green, and 20% blue. In the RGB color model, this translates to 48 red, 43 green, and 51 blue. The color is located in the purple-blue hue range. This hexadecimal code is frequently used in web design, graphic design, and other visual applications to create a sense of sophistication and understated elegance. Its muted nature makes it a versatile choice for backgrounds, text, and accent elements. The color is not part of the web safe color palette.

The hex color #302B33, also known as Thunder, presents specific accessibility considerations for web developers. With its relatively low luminance, it's crucial to ensure sufficient contrast when used as either a text or background color. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text against its background. Utilizing tools to assess color contrast is essential to guarantee readability for users with visual impairments. When pairing #302B33 with text, lighter shades of grays, yellows, or oranges could provide adequate contrast. Conversely, as a background color, lighter text colors are necessary. Careful attention to these factors will promote inclusive design practices and ensure content accessibility for a wider audience.

Shades

Digital Color Formats

RGB
48 43 51
RGB48 43 51
Red
Green
Blue
HSL
277.5deg 8.51% 18.43%
277.58.5118.43HSL
Hue
Saturation
Lightness
HWB
277.5deg 16.86% 80%
277.516.8680HWB
Hue
Whiteness
Blackness
hex#302B33
rgb48 43 51
hsl277.5deg 8.51% 18.43%
cmyk5.88% 15.69% 0% 80%
hwb277.5deg 16.86% 80%
xyz-d650.03 0.03 0.03
oklch0.2976 0.0159 312.87
oklab0.2976 0.01 -0.01
CMYK
5.88% 15.69% 0% 80%
5.8815.69080CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.03 0.03
0.030.030.03XYZ
X
Y
Z
OKLCH
0.2976 0.0159 312.87
0.29760.0159312.87LCH
Lightness
Chroma
Hue
OKLAB
0.2976 0.01 -0.01
0.29760.01-0.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons