Explore

/

Colors

/

Meaning

/

Olympic Charcoal Heather

Olympic Charcoal Heather

Olympic Charcoal Heather (#CDCBCC) is a light gray with a quiet complexity. Its defining feature is a subtle, heathered texture that breaks away from flat digital colors, offering a sense of depth and material quality rarely found in a single hex code.

What color is Olympic Charcoal Heather?

What is the meaning of Olympic Charcoal Heather?

How do I use Olympic Charcoal Heather (#CDCBCC) in UI design?

Using Olympic Charcoal Heather color codes

Olympic Charcoal Heather

#CDCBCC

Access our full UI & UX library today.

Join for free

What color is Olympic Charcoal Heather?

What is the meaning of Olympic Charcoal Heather?

How do I use Olympic Charcoal Heather (#CDCBCC) in UI design?

Using Olympic Charcoal Heather color codes

Olympic Charcoal Heather Code Conversions

HEX

#CDCBCC

LAB

82, 1, 0

RGB

205, 203, 204

XYZ

57.4, 60.1, 65.7

HSL

330°, 2%, 80%

LCH

82, 1, 344°

HSB

330°, 1%, 80%

LUV

82, 1, -1

CMYK

0, 1, 0, 20

CMYK

0, 1, 0, 20

HWB

330°, 80%, 20%

Olympic Charcoal Heather Color Harmonies

Analogous

For Olympic Charcoal Heather, analogous colors are its direct neighbors on the color wheel, resulting in a cohesive and tranquil visual palette.

#CDCBCD

#CDCBCC

#CDCBCB

#CDCBCD

#CDCBCC

#CDCBCB

Complementary

Sitting directly opposite on the color wheel, complementary colors produce a striking, high-contrast look when used alongside Olympic Charcoal Heather.

#CDCBCC

#CBCDCC

#CDCBCC

#CBCDCC

Split Complementary

A split complementary palette provides strong visual contrast with less tension, pairing Olympic Charcoal Heather with the two colors neighboring its direct complement.

#CDCBCC

#CBCDCB

#CBCDCD

#CDCBCC

#CBCDCB

#CBCDCD

Triadic

Triadic color schemes use three colors equally spaced on the color wheel. With Olympic Charcoal Heather, this creates a vibrant, high-contrast palette.

#CDCBCC

#CCCDCB

#CBCCCD

#CDCBCC

#CCCDCB

#CBCCCD

Tetradic

A tetradic scheme for Olympic Charcoal Heather pairs it with three other colors, creating a rich, four-color palette from two complementary pairs.

#CDCBCC

#CDCDCB

#CBCDCC

#CBCBCD

#CDCBCC

#CDCDCB

#CBCDCC

#CBCBCD

Square

A square scheme features four colors equally spaced around the color wheel. When built from Olympic Charcoal Heather, the resulting palette is bold and full of contrast.

#CDCBCC

#CDCDCB

#CBCDCC

#CBCBCD

#CDCBCC

#CDCDCB

#CBCDCC

#CBCBCD

Olympic Charcoal Heather Contrast Simulation

Text Color

#

Background Color

#

13.01

Super

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.

13.01

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Olympic Charcoal Heather Color Variations

Shades

Shades are created by adding black to Olympic Charcoal Heather, giving the color more depth and weight.

#CDCBCC

#B0AEAF

#929192

#757475

#585757

#3B3A3A

#1D1D1D

#000000

#CDCBCC

#B0AEAF

#929192

#757475

#585757

#3B3A3A

#1D1D1D

#000000

Tints

Tints are lighter versions of Olympic Charcoal Heather, created by adding white for a softer feel.

#CDCBCC

#D4D2D3

#DBDADB

#E2E1E2

#EAE9E9

#F1F0F0

#F8F8F8

#FFFFFF

#CDCBCC

#D4D2D3

#DBDADB

#E2E1E2

#EAE9E9

#F1F0F0

#F8F8F8

#FFFFFF

Tones

Tones are softer, more muted versions of Olympic Charcoal Heather, created by mixing in gray.

#CDCBCC

#C2C0C1

#B7B6B6

#ACABAB

#A1A0A1

#969596

#8B8B8B

#808080

#CDCBCC

#C2C0C1

#B7B6B6

#ACABAB

#A1A0A1

#969596

#8B8B8B

#808080

Hues

Hues are variations of Olympic Charcoal Heather, differing in warmth or intensity to alter visual impact.

#CDCBCC

#CDCBCB

#CDCDCB

#CCCDCB

#CBCDCC

#CBCDCD

#CBCBCD

#CDCBCD

#CDCBCC

#CDCBCB

#CDCDCB

#CCCDCB

#CBCDCC

#CBCDCD

#CBCBCD

#CDCBCD

What Interfaces Use Colors Like Olympic Charcoal Heather?

All Brands That Use Colors Like Olympic Charcoal Heather

Amie

The joyful productivity app.

Amie

The joyful productivity app.

Peloton

Motivation That Moves You

Peloton

Motivation That Moves You

Klarna

Klarna: Swedish for smooother shopping

Klarna

Klarna: Swedish for smooother shopping

Endel

Personalized soundscapes to help you focus, relax, and sleep. Backed by neuroscience.

Endel

Personalized soundscapes to help you focus, relax, and sleep. Backed by neuroscience.

View all brand colors

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.

Join for free
See our 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.

Join for free
See our 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.

Join for free
See our plans

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox