Charade

#202E34

General Information about #202E34

The hex color code #202E34, also known as Charade, represents a dark, muted shade of grayish-blue. It is composed of 12.55% red, 18.04% green, and 20.39% blue. In the RGB color space, it translates to R:32, G:46, B:52. This color is often associated with sophistication, depth, and understated elegance. It finds use in various design contexts, including web design, interior decor, and fashion, where a subtle yet impactful hue is desired. The color's low saturation makes it versatile and easy to pair with other colors, allowing for a range of creative applications.

The hex color #202E34, also known as Charade, presents some accessibility challenges, primarily due to its dark nature. When used as a background color, it requires very light text (ideally white or a very pale shade of gray) to ensure sufficient contrast. 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 to meet AA compliance. For AAA compliance, these ratios increase to 7:1 and 4.5:1, respectively. Using #202E34 with darker text colors will likely fail these accessibility standards, making content difficult to read for users with visual impairments. Therefore, careful consideration and testing with accessibility tools are crucial when incorporating this color into web designs.

Shades

Digital Color Formats

RGB
32 46 52
RGB32 46 52
Red
Green
Blue
HSL
198deg 23.81% 16.47%
19823.8116.47HSL
Hue
Saturation
Lightness
HWB
198deg 12.55% 79.61%
19812.5579.61HWB
Hue
Whiteness
Blackness
hex#202E34
rgb32 46 52
hsl198deg 23.81% 16.47%
cmyk38.46% 11.54% 0% 79.61%
hwb198deg 12.55% 79.61%
xyz-d650.02 0.03 0.04
oklch0.2912 0.0218 226.26
oklab0.2912 -0.02 -0.02
CMYK
38.46% 11.54% 0% 79.61%
38.4611.54079.61CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.03 0.04
0.020.030.04XYZ
X
Y
Z
OKLCH
0.2912 0.0218 226.26
0.29120.0218226.26LCH
Lightness
Chroma
Hue
OKLAB
0.2912 -0.02 -0.02
0.2912-0.02-0.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons