Charade

#222E36

General Information about Charade (#222E36)

The hexadecimal color #222E36, often referred to as "Charade", is a dark, muted shade of grayish-blue. It belongs to the family of cool colors and possesses a subtle, sophisticated appeal. In the RGB color model, it is composed of 13.33% red, 18.04% green, and 21.18% blue. This composition contributes to its subdued and calming effect. Charade is commonly used in design contexts where a sense of understated elegance and depth is desired. It is a versatile color that can be incorporated into backgrounds, typography, and various graphical elements. When used judiciously, Charade can enhance the visual hierarchy of a design and create a cohesive and polished aesthetic. Its name, "Charade", evokes a sense of mystery and intrigue, which aligns with its complex and nuanced character. Because of its darkness, it is important to check contrast ratios with other colors.

The color #222E36, also known as Charade, presents some accessibility challenges due to its dark nature. When used as a background color, it is crucial to ensure sufficient contrast with text or other foreground elements. A contrast ratio of at least 4.5:1 is recommended for normal-sized text, and 3:1 for large text, as per WCAG guidelines. Without adequate contrast, users with visual impairments may struggle to read content. Using a lighter color for text, such as a pale yellow or off-white, can significantly improve readability. Additionally, consider providing alternative color schemes for users who may have specific visual needs or preferences. Proper testing with accessibility tools is essential to ensure the design is inclusive and accessible to all users. Furthermore, avoid using color as the sole means of conveying information; supplement it with text labels or icons to ensure that the information is accessible to individuals who are colorblind.

Shades

Digital Color Formats

RGB
34 46 54
RGB34 46 54
Red
Green
Blue
HSL
204deg 22.73% 17.25%
20422.7317.25HSL
Hue
Saturation
Lightness
HWB
204deg 13.33% 78.82%
20413.3378.82HWB
Hue
Whiteness
Blackness
hex#222E36
rgb34 46 54
hsl204deg 22.73% 17.25%
cmyk37.04% 14.81% 0% 78.82%
hwb204deg 13.33% 78.82%
xyz-d650.02 0.03 0.04
oklch0.2936 0.022 237.74
oklab0.2936 -0.01 -0.02
CMYK
37.04% 14.81% 0% 78.82%
37.0414.81078.82CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.03 0.04
0.020.030.04XYZ
X
Y
Z
OKLCH
0.2936 0.022 237.74
0.29360.022237.74LCH
Lightness
Chroma
Hue
OKLAB
0.2936 -0.01 -0.02
0.2936-0.01-0.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons