Charade

#282C37

General Information about #282C37

The hex color #282C37, also known as Charade, is a dark, muted shade that resides within the gray-brown color family. It exhibits a subtle sophistication and neutrality, making it a versatile choice for various design applications. This color is composed of 15.7% red, 17.3% green, and 21.6% blue. In the RGB color space, it’s a relatively balanced mix, leaning slightly towards blue. This explains its cool undertone. It falls within the range of desaturated colors, giving it a subdued and understated appearance. This hex color is not vibrant, but more an earth tone.

The hex color #282C37, a dark shade of gray-brown, presents some accessibility challenges, primarily due to its low contrast against typical white or light-colored backgrounds. According to WCAG guidelines, sufficient contrast is essential for readability and usability, especially for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. This color may not meet these ratios against lighter backgrounds, potentially making text difficult to read. To improve accessibility, consider pairing #282C37 with a very light or vibrant color for text or interactive elements. Alternatively, use this color for larger design elements where readability is not as critical. Thorough testing with accessibility tools is recommended to ensure compliance with accessibility standards.

Shades

Digital Color Formats

RGB
40 44 55
RGB40 44 55
Red
Green
Blue
HSL
224deg 15.79% 18.63%
22415.7918.63HSL
Hue
Saturation
Lightness
HWB
224deg 15.69% 78.43%
22415.6978.43HWB
Hue
Whiteness
Blackness
hex#282C37
rgb40 44 55
hsl224deg 15.79% 18.63%
cmyk27.27% 20% 0% 78.43%
hwb224deg 15.69% 78.43%
xyz-d650.02 0.03 0.04
oklch0.2939 0.0209 269.41
oklab0.2939 0 -0.02
CMYK
27.27% 20% 0% 78.43%
27.2720078.43CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.03 0.04
0.020.030.04XYZ
X
Y
Z
OKLCH
0.2939 0.0209 269.41
0.29390.0209269.41LCH
Lightness
Chroma
Hue
OKLAB
0.2939 0 -0.02
0.29390-0.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons