Shady Character

#4c4b4c

Cooler, deeper gray for shadowed UI text

Save
Share

About Shady Character

This one looks like a charcoal smudge on matte glass after hours, not a void and not a dusty wipe. Shady Character sits dark and steady, but it's just a touch lighter than the deeper darks in the set, so it doesn't swallow interface elements the way heavier grays do. The undertone stays truly gray, with a restrained neutrality that feels more controlled than the faint purple lean you'll notice in .

I use it when I need a dark base that still lets typography breathe, especially for editorial and content-heavy layouts where you want panels to recede without going lifeless. It also works well in waveform-heavy audio views and production timelines, because the surface stays readable under layered highlights and scrub states. Compared with , Shady Character feels less steel-cool and less "clean slate" than that mid-dark, it reads more grounded.

Pair it with crisp whites and slightly muted accents; if you lean too warm, it can start to look dull against bright signals. For hierarchy, I treat it like the "quiet stage" under active controls, not the color you let do the talking.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
8.68:1AAA

On Gray 100 #f5f5f5

Aa
7.97:1AAA

On Gray 900 #18181b

Aa
2.04:1Fail

On Black #000000

Aa
2.42:1Fail

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Shady Character

Open the generator with this color pre-loaded.

Start creating