Charade

#282E33

General Information

The hexadecimal color #282E33, often referred to as "Charade," is a dark, muted shade that resides in the cool spectrum. It consists of 15.7% red, 18% green, and 20% blue. The color's subdued nature makes it suitable for backgrounds and elements where a non-distracting, sophisticated tone is desired. In terms of perception, #282E33 can evoke feelings of stability, elegance, and calmness. It is frequently utilized in designs aiming for a modern or minimalist aesthetic. Its relative darkness means that when used for text or foreground elements, a light-colored contrast is crucial for readability and accessibility.

The hex color #282e33, also known as Charade, presents some accessibility challenges, particularly in text applications. Due to its dark nature, a light text color is necessary to ensure sufficient contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using #282e33 as a background color requires careful selection of foreground colors to meet these standards. White or light shades of gray, yellow, or green would be appropriate choices. When using this color for interactive elements, such as buttons, ensure sufficient visual cues are present to indicate state changes, especially for users with visual impairments. Providing alternative styling or labels can further enhance accessibility and usability.

Shades

Digital Color Formats

RGB
40 46 51
RGB40 46 51
Red
Green
Blue
HSL
207.27deg 12.09% 17.84%
207.2712.0917.84HSL
Hue
Saturation
Lightness
HWB
207.27deg 15.69% 80%
207.2715.6980HWB
Hue
Whiteness
Blackness
hex#282E33
rgb40 46 51
hsl207.27deg 12.09% 17.84%
cmyk21.57% 9.8% 0% 80%
hwb207.27deg 15.69% 80%
xyz-d650.02 0.03 0.04
oklch0.2974 0.0124 243.34
oklab0.2974 -0.01 -0.01
CMYK
21.57% 9.8% 0% 80%
21.579.8080CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.03 0.04
0.020.030.04XYZ
X
Y
Z
OKLCH
0.2974 0.0124 243.34
0.29740.0124243.34LCH
Lightness
Chroma
Hue
OKLAB
0.2974 -0.01 -0.01
0.2974-0.01-0.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons