Mystery

Meet Mystery (#A39293), a muted neutral that defies easy categorization. Its striking quality lies in a subtle blend of dusty rose and cool gray, offering a sophisticated alternative to more common neutrals and adding quiet depth to any design palette.

What color is Mystery?

What is the meaning of Mystery?

How do I use Mystery (#A39293) in UI design?

Using Mystery color codes

Mystery

#A39293

Access our full UI & UX library today.

What color is Mystery?

What is the meaning of Mystery?

How do I use Mystery (#A39293) in UI design?

Using Mystery color codes

Mystery Code Conversions

HEX

#A39293

LAB

62, 6, 2

RGB

163, 146, 147

XYZ

30.6, 30.5, 31.9

HSL

356°, 8%, 61%

LCH

62, 7, 15°

HSB

356°, 10%, 64%

LUV

62, 10, 1

CMYK

0, 10, 10, 36

CMYK

0, 10, 10, 36

HWB

356°, 57%, 36%

Mystery Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. When paired with Mystery, they create a harmonious and tranquil visual experience for any interface.

#A3929B

#A39293

#A39A92

#A3929B

#A39293

#A39A92

Complementary

Complementary colors are opposites on the color wheel. When paired with Mystery, they create a striking, high-contrast visual effect perfect for grabbing attention.

#A39293

#92A3A2

#A39293

#92A3A2

Split Complementary

A split complementary palette for Mystery uses the two colors adjacent to its direct complement, creating strong contrast with greater harmony.

#A39293

#92A39A

#929BA3

#A39293

#92A39A

#929BA3

Triadic

Triadic color schemes use three hues equidistant on the color wheel. With Mystery as a base, this creates a vibrant, balanced harmony.

#A39293

#93A392

#9293A3

#A39293

#93A392

#9293A3

Tetradic

Tetradic schemes build on Mystery by adding its direct complement, along with a second pair of complementary colors for a balanced, four-tone palette.

#A39293

#9BA392

#92A3A2

#9A92A3

#A39293

#9BA392

#92A3A2

#9A92A3

Square

A square color scheme uses four colors evenly spaced on the color wheel. This arrangement creates a vibrant, high-contrast palette with Mystery as its foundation.

#A39293

#9BA392

#92A3A2

#9A92A3

#A39293

#9BA392

#92A3A2

#9A92A3

Mystery Contrast Simulation

Text Color

#

Background Color

#

7.09

Excellent

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.

7.09

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Mystery Color Variations

Shades

Shades are darker versions of Mystery, created by adding black to give it depth.

#A39293

#8C7D7E

#746869

#5D5354

#463F3F

#2F2A2A

#171515

#000000

#A39293

#8C7D7E

#746869

#5D5354

#463F3F

#2F2A2A

#171515

#000000

Tints

Tints are lighter versions of the color Mystery, made by adding white for a softer effect.

#A39293

#B0A2A2

#BDB1B2

#CAC1C1

#D8D0D1

#E5E0E0

#F2EFF0

#FFFFFF

#A39293

#B0A2A2

#BDB1B2

#CAC1C1

#D8D0D1

#E5E0E0

#F2EFF0

#FFFFFF

Tones

Tones of Mystery are created by adding gray, resulting in softer, more subdued variations.

#A39293

#9E8F90

#998D8E

#948A8B

#8F8888

#8A8585

#858383

#808080

#A39293

#9E8F90

#998D8E

#948A8B

#8F8888

#8A8585

#858383

#808080

Hues

Hues are variations of Mystery, altering its intensity and temperature for different visual effects.

#A39293

#A39E92

#9BA392

#92A395

#92A3A2

#9297A3

#9A92A3

#A392A0

#A39293

#A39E92

#9BA392

#92A395

#92A3A2

#9297A3

#9A92A3

#A392A0

What Interfaces Use Colors Like Mystery?

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