Charade

#242836

General Information about #242836

The hex color #242836, also referred to as "Charade", falls into the category of dark grayish-brown colors. In the RGB color model, it is composed of 14.12% red, 15.69% green, and 21.18% blue. Its CMYK representation is 0.33, 0.26, 0.00, 0.79, indicating a substantial amount of black. This color evokes feelings of sophistication, neutrality, and understated elegance. Because of its low saturation and relatively dark value, it works well as a background or accent color, offering a sense of calm and stability. In the HSL (Hue, Saturation, Lightness) model, its values are 225 degrees for hue, 20% for saturation, and 18% for lightness.

The hex color #242836, also known as Charade, presents some accessibility challenges, particularly concerning color contrast. When using this color for text or interactive elements, it is crucial to ensure sufficient contrast against the background. According to WCAG guidelines, the contrast ratio 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 tools to check contrast ratios is highly recommended. Consider pairing #242836 with lighter shades to enhance readability and usability for individuals with visual impairments. Providing alternative styling options or user-adjustable color schemes can further improve accessibility.

Shades

Digital Color Formats

RGB
36 40 54
RGB36 40 54
Red
Green
Blue
HSL
226.67deg 20% 17.65%
226.672017.65HSL
Hue
Saturation
Lightness
HWB
226.67deg 14.12% 78.82%
226.6714.1278.82HWB
Hue
Whiteness
Blackness
hex#242836
rgb36 40 54
hsl226.67deg 20% 17.65%
cmyk33.33% 25.93% 0% 78.82%
hwb226.67deg 14.12% 78.82%
xyz-d650.02 0.02 0.04
oklch0.2792 0.0266 272.2
oklab0.2792 0 -0.03
CMYK
33.33% 25.93% 0% 78.82%
33.3325.93078.82CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.04
0.020.020.04XYZ
X
Y
Z
OKLCH
0.2792 0.0266 272.2
0.27920.0266272.2LCH
Lightness
Chroma
Hue
OKLAB
0.2792 0 -0.03
0.27920-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons