Charcoal (3C4D78) — Shades, Harmonies, Palettes, CSS Code

"Charcoal"

Neutral · Winter

🧠 Psychology

Color of trust and stability. Evokes professionalism, security and serenity.

✨ Uses

Finance, banking, enterprise, software, social networks.

Tip

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

Values

HEX #3C4D78

RGB rgb(60, 77, 120)

HSL hsl(223°, 33%, 35%)

CMYK C:50% M:36% Y:0% K:53%

Luminance 0.0739

WCAG Accessibility

On white 8.32:1

Aa — #3C4D78

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.52:1

Aa — #3C4D78

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#3C4D78 #77663C

Analogous

#3C6A77 #3C4D78 #493C77

Triadic

#3C4D78 #773C4C #4C773C

Split-comp.

#3C4D78 #77493C #6A773C

Tetradic

#3C4D78 #773C6A #77663C #3C7749

Monochromatic

#B1B9CE #7281A7 #45506E #31394E #14171F

Suggested palettes for this hue.

Green Meadow View all →

Arctic Tundra View all →

Northern Lights View all →