Dark Shadow

Meet Dark Shadow (#666563), a deep gray that stands apart from typical charcoals. Its subtle warmth gives it a grounded, almost organic quality, offering a sophisticated alternative to pure black or cooler grays. This unique character makes it a compelling choice for refined digital palettes.

What color is Dark Shadow?

What is the meaning of Dark Shadow?

How do I use Dark Shadow (#666563) in UI design?

Using Dark Shadow color codes

Dark Shadow

#666563

Access our full UI & UX library today.

What color is Dark Shadow?

What is the meaning of Dark Shadow?

How do I use Dark Shadow (#666563) in UI design?

Using Dark Shadow color codes

Dark Shadow Code Conversions

HEX

#666563

LAB

43, 0, 1

RGB

102, 101, 99

XYZ

12.4, 13.0, 13.7

HSL

40°, 1%, 39%

LCH

43, 1, 91°

HSB

40°, 3%, 40%

LUV

43, 1, 2

CMYK

0, 1, 3, 60

CMYK

0, 1, 3, 60

HWB

40°, 39%, 60%

Dark Shadow Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. When paired with Dark Shadow, they create a harmonious and visually soothing palette.

#666463

#666563

#666663

#666463

#666563

#666663

Complementary

A complementary color for Dark Shadow is found directly across the color wheel. This pairing produces a striking, high-contrast visual relationship.

#666563

#636466

#666563

#636466

Split Complementary

Split complementary schemes for Dark Shadow use the two colors adjacent to its direct complement, offering a vibrant yet balanced color harmony.

#666563

#636666

#646366

#666563

#636666

#646366

Triadic

A triadic combination pairs Dark Shadow with two other colors positioned equally apart on the color wheel, creating a bold and balanced effect.

#666563

#636665

#656366

#666563

#636665

#656366

Tetradic

Tetradic palettes are built from two complementary color pairs, forming a rectangle on the color wheel. See how Dark Shadow works within these rich combinations.

#666563

#636664

#636466

#666366

#666563

#636664

#636466

#666366

Square

Using four colors evenly spaced on the color wheel, a square scheme gives Dark Shadow a rich, contrasting palette with plenty of visual tension.

#666563

#636664

#636466

#666366

#666563

#636664

#636466

#666366

Dark Shadow Contrast Simulation

Text Color

#

Background Color

#

5.82

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.

5.82

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Dark Shadow Color Variations

Shades

Shades of Dark Shadow are created by adding black, which gives the color more depth.

#666563

#575755

#494847

#3A3A39

#2C2B2A

#1D1D1C

#0F0E0E

#000000

#666563

#575755

#494847

#3A3A39

#2C2B2A

#1D1D1C

#0F0E0E

#000000

Tints

Add white to Dark Shadow to create tints—lighter, softer versions of the original color.

#666563

#7C7B79

#929190

#A8A7A6

#BDBDBC

#D3D3D2

#E9E9E9

#FFFFFF

#666563

#7C7B79

#929190

#A8A7A6

#BDBDBC

#D3D3D2

#E9E9E9

#FFFFFF

Tones

Adding gray to Dark Shadow creates its tones, which are muted versions with softer saturation.

#666563

#6A6967

#6D6D6B

#71716F

#757474

#797878

#7C7C7C

#808080

#666563

#6A6967

#6D6D6B

#71716F

#757474

#797878

#7C7C7C

#808080

Hues

Hues are variations of Dark Shadow, sharing its base but differing in intensity or temperature.

#666563

#656663

#636664

#636666

#636466

#646366

#666366

#666363

#666563

#656663

#636664

#636666

#636466

#646366

#666366

#666363

What Interfaces Use Colors Like Dark 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