Charcoal (303C41) — Shades, Harmonies, Palettes, CSS Code

"Charcoal"

Neutral · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

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

Values

HEX #303C41

RGB rgb(48, 60, 65)

HSL hsl(198°, 15%, 22%)

CMYK C:26% M:8% Y:0% K:75%

Luminance 0.0386

WCAG Accessibility

On white 11.36:1

Aa — #303C41

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.85:1

Aa — #303C41

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#303C41 #413530

Analogous

#30413D #303C41 #303341

Triadic

#303C41 #41303B #3B4130

Split-comp.

#303C41 #413033 #413D30

Tetradic

#303C41 #3D3041 #413530 #334130

Monochromatic

#99A0A3 #666D70 #35393B #1D1F20 #000000

Suggested palettes for this hue.

Vibrant Summer View all →

Rose Gold View all →

Purple UI View all →