Charcoal (24212B) — Shades, Harmonies, Palettes, CSS Code

"Charcoal"

Neutral · Timeless

🧠 Psychology

Neutral and timeless color. Evokes elegance, sobriety and minimalism.

✨ Uses

UI design, backgrounds, typography, professional interfaces.

Tip

Charcoal pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #24212B

RGB rgb(36, 33, 43)

HSL hsl(258°, 13%, 15%)

CMYK C:16% M:23% Y:0% K:83%

Luminance 0.0123

WCAG Accessibility

On white 15.82:1

Aa — #24212B

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.33:1

Aa — #24212B

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#24212B #282B21

Analogous

#21232B #24212B #29212B

Triadic

#24212B #2B2421 #212B24

Split-comp.

#24212B #2B2921 #232B21

Tetradic

#24212B #2B2123 #282B21 #212B29

Monochromatic

#8B8990 #58575C #262527 #0D0C0D #000000

Suggested palettes for this hue.

Pearl Zen View all →

Green Meadow View all →

Dragonfruit View all →