Charcoal Shadow

Meet Charcoal Shadow (#575B5B), a deep, muted gray that offers a sophisticated alternative to pure black. Its balanced neutrality provides a solid, grounding presence, making it a versatile and compelling choice for modern interface design.

What color is Charcoal Shadow?

What is the meaning of Charcoal Shadow?

How do I use Charcoal Shadow (#575B5B) in UI design?

Using Charcoal Shadow color codes

Charcoal Shadow

#575B5B

Access our full UI & UX library today.

What color is Charcoal Shadow?

What is the meaning of Charcoal Shadow?

How do I use Charcoal Shadow (#575B5B) in UI design?

Using Charcoal Shadow color codes

Charcoal Shadow Code Conversions

HEX

#575B5B

LAB

38, -2, -1

RGB

87, 91, 91

XYZ

9.6, 10.3, 11.4

HSL

180°, 2%, 35%

LCH

38, 2, 199°

HSB

180°, 4%, 36%

LUV

38, -2, 0

CMYK

4, 0, 0, 64

CMYK

4, 0, 0, 64

HWB

180°, 34%, 64%

Charcoal Shadow Color Harmonies

Analogous

Analogous schemes use colors adjacent to Charcoal Shadow on the color wheel, creating a harmonious palette that feels cohesive and naturally balanced.

#575B59

#575B5B

#57595B

#575B59

#575B5B

#57595B

Complementary

Complementary colors sit opposite each other on the color wheel. For Charcoal Shadow, these pairings create a striking, high-contrast visual effect.

#575B5B

#5B5757

#575B5B

#5B5757

Split Complementary

A split complementary scheme pairs Charcoal Shadow with the two colors neighboring its opposite on the color wheel, creating a sophisticated, high-contrast look.

#575B5B

#5B5759

#5B5957

#575B5B

#5B5759

#5B5957

Triadic

A triadic harmony is built from three hues equidistant on the color wheel. This approach gives Charcoal Shadow a bold, yet harmonious, contrast.

#575B5B

#5B575B

#5B5B57

#575B5B

#5B575B

#5B5B57

Tetradic

Tetradic schemes create a rich, balanced palette by pairing Charcoal Shadow with three other colors, forming two complementary sets on the color wheel.

#575B5B

#59575B

#5B5757

#595B57

#575B5B

#59575B

#5B5757

#595B57

Square

Built from Charcoal Shadow, a square color scheme features four hues equally spaced on the color wheel, delivering a balanced yet highly contrasting effect.

#575B5B

#59575B

#5B5757

#595B57

#575B5B

#59575B

#5B5757

#595B57

Charcoal Shadow Contrast Simulation

Text Color

#

Background Color

#

6.88

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

6.88

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Charcoal Shadow Color Variations

Shades

Shades are darker versions of Charcoal Shadow, created by adding black for depth and weight.

#575B5B

#4B4E4E

#3E4141

#323434

#252727

#191A1A

#0C0D0D

#000000

#575B5B

#4B4E4E

#3E4141

#323434

#252727

#191A1A

#0C0D0D

#000000

Tints

Tints of Charcoal Shadow are created by adding white, resulting in lighter, softer tones.

#575B5B

#6F7272

#878A8A

#9FA1A1

#B7B9B9

#CFD0D0

#E7E8E8

#FFFFFF

#575B5B

#6F7272

#878A8A

#9FA1A1

#B7B9B9

#CFD0D0

#E7E8E8

#FFFFFF

Tones

Adding gray to Charcoal Shadow creates its tones, producing softer, more subdued versions of the color.

#575B5B

#5D6060

#636666

#696B6B

#6E7070

#747575

#7A7B7B

#808080

#575B5B

#5D6060

#636666

#696B6B

#6E7070

#747575

#7A7B7B

#808080

Hues

Hues are variations of Charcoal Shadow that alter its intensity or temperature for different visual effects.

#575B5B

#57585B

#59575B

#5B575A

#5B5757

#5B5A57

#595B57

#575B58

#575B5B

#57585B

#59575B

#5B575A

#5B5757

#5B5A57

#595B57

#575B58

What Interfaces Use Colors Like Charcoal Shadow?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox