Dark Shadow

Sophisticated neutral grey for professional design

Dark Shadow color codes graphic
Dark Shadow is a serious, neutral grey that avoids the harshness of pure black. Its balanced, muted character makes it a strong choice for UI backgrounds or typography where you need high readability without aggressive contrast. Because it remains highly accessible with white text, the hex code #4a4b4d functions best as a sturdy, reliable base for minimal design systems that require a professional, understated finish.

About Dark Shadow

Pencil shading on a rainy window

What does dark shadow mean?

Dark Shadow often reads as serious, muted, and neutral, so people commonly use it to suggest weight, shadow, and quiet restraint. Its low saturation and near-black lightness give it a heavy, still presence, like a room just after the lamps go out.

Where you see dark shadow

  • storm clouds
  • charcoal pencil marks
  • wet asphalt
  • cast iron pans
  • concrete at dusk
  • unpolished pewter

What it works for

It works as a softer alternative to black in text, borders, and dark interfaces, where pure black feels too harsh.

What colors go with dark shadow?

Questions about Dark Shadow

What is the hex code for Dark Shadow?
Dark Shadow is #4a4b4d. In RGB that is rgb(74, 75, 77), in HSL hsl(220, 2%, 30%) and in CMYK 4%, 3%, 0%, 70%.
How does #4a4b4d compare to pure black in web design?
Using #4a4b4d provides a much softer, more comfortable reading experience than pure black, especially on bright white screens. It maintains excellent contrast while reducing eye strain, making it an ideal choice for body text or subtle, clean UI elements.
What colors work best as accents alongside #4a4b4d?
Because #4a4b4d is a versatile neutral, it grounds vibrant or warm tones beautifully. It pairs exceptionally well with burnt orange for a modern look, soft cream for warmth, or a sharp electric blue when you need to create a high-impact, professional aesthetic.
Is Dark Shadow readable on white or black?
Dark Shadow has a 8.73:1 contrast ratio on white and 2.40:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.