Coal Mine

Introducing Coal Mine (#50504D), a dark neutral that stands apart from true black. This color’s character comes from its slight olive undertones, giving it a grounded yet distinctive quality that adds depth and nuance to a digital canvas without being overpowering.

What color is Coal Mine?

What is the meaning of Coal Mine?

How do I use Coal Mine (#50504D) in UI design?

Using Coal Mine color codes

Coal Mine

#50504D

Access our full UI & UX library today.

What color is Coal Mine?

What is the meaning of Coal Mine?

How do I use Coal Mine (#50504D) in UI design?

Using Coal Mine color codes

Coal Mine Code Conversions

HEX

#50504D

LAB

34, -1, 2

RGB

80, 80, 77

XYZ

7.5, 8.0, 8.2

HSL

60°, 2%, 31%

LCH

34, 2, 110°

HSB

60°, 4%, 31%

LUV

34, 0, 2

CMYK

0, 0, 4, 69

CMYK

0, 0, 4, 69

HWB

60°, 30%, 69%

Coal Mine Color Harmonies

Analogous

Analogous colors are three hues sitting next to each other on the color wheel. With Coal Mine, they create a cohesive and serene palette.

#504F4D

#50504D

#4F504D

#504F4D

#50504D

#4F504D

Complementary

Complementary colors are found opposite each other on the color wheel. Paired with Coal Mine, its opposite creates a visually striking, high-contrast combination.

#50504D

#4D4D50

#50504D

#4D4D50

Split Complementary

A split complementary scheme pairs Coal Mine with the two colors adjacent to its direct complement, creating strong visual contrast with less tension.

#50504D

#4D4F50

#4F4D50

#50504D

#4D4F50

#4F4D50

Triadic

Triadic color schemes use three hues equidistant on the color wheel. With Coal Mine as a base, this combination creates a vibrant, high-contrast palette.

#50504D

#4D5050

#504D50

#50504D

#4D5050

#504D50

Tetradic

A tetradic scheme for Coal Mine uses two pairs of complementary colors, creating a rich, four-color palette with plenty of creative possibilities.

#50504D

#4D504F

#4D4D50

#504D4F

#50504D

#4D504F

#4D4D50

#504D4F

Square

A square color scheme pairs Coal Mine with three other equidistant colors on the color wheel, offering a rich and highly contrasting combination.

#50504D

#4D504F

#4D4D50

#504D4F

#50504D

#4D504F

#4D4D50

#504D4F

Coal Mine Contrast Simulation

Text Color

#

Background Color

#

8.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.

8.09

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Coal Mine Color Variations

Shades

Shades are darker versions of Coal Mine, created by adding black for more depth and weight.

#50504D

#454542

#393937

#2E2E2C

#222221

#171716

#0B0B0B

#000000

#50504D

#454542

#393937

#2E2E2C

#222221

#171716

#0B0B0B

#000000

Tints

Tints of Coal Mine are lighter variations created by adding white for a softer feel.

#50504D

#696966

#828280

#9B9B99

#B4B4B3

#CDCDCC

#E6E6E6

#FFFFFF

#50504D

#696966

#828280

#9B9B99

#B4B4B3

#CDCDCC

#E6E6E6

#FFFFFF

Tones

Tones are created by mixing Coal Mine with gray, producing softer, more subdued variations.

#50504D

#575754

#5E5E5C

#656563

#6B6B6A

#727271

#797979

#808080

#50504D

#575754

#5E5E5C

#656563

#6B6B6A

#727271

#797979

#808080

Hues

Hues are variations of Coal Mine that share its base but differ in intensity or temperature.

#50504D

#4E504D

#4D504F

#4D4F50

#4D4D50

#4F4D50

#504D4F

#504E4D

#50504D

#4E504D

#4D504F

#4D4F50

#4D4D50

#4F4D50

#504D4F

#504E4D

What Interfaces Use Colors Like Coal Mine?

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