Chestnut

Meet Chestnut (#CD5C5C), a color that strikes a fine balance between a warm red and an earthy brown. Its most notable quality is its ability to convey richness and warmth without the intensity of a pure red, giving it a sophisticated and grounded presence.

What color is Chestnut?

What is the meaning of Chestnut?

How do I use Chestnut (#CD5C5C) in UI design?

Using Chestnut color codes

Chestnut

#CD5C5C

Access our full UI & UX library today.

What color is Chestnut?

What is the meaning of Chestnut?

How do I use Chestnut (#CD5C5C) in UI design?

Using Chestnut color codes

Chestnut Code Conversions

HEX

#CD5C5C

LAB

53, 45, 22

RGB

205, 92, 92

XYZ

30.9, 21.4, 12.6

HSL

0°, 53%, 58%

LCH

53, 50, 26°

HSB

0°, 55%, 80%

LUV

53, 83, 18

CMYK

0, 55, 55, 20

CMYK

0, 55, 55, 20

HWB

0°, 36%, 20%

Chestnut Color Harmonies

Analogous

For Chestnut, analogous colors are those found next to it on the color wheel. They produce a cohesive and tranquil look, ideal for calm designs.

#CD5C95

#CD5C5C

#CD955C

#CD5C95

#CD5C5C

#CD955C

Complementary

Complementary colors sit directly opposite each other on the color wheel. For Chestnut, this creates a high-contrast pairing that makes both colors pop.

#CD5C5C

#5CCDCD

#CD5C5C

#5CCDCD

Split Complementary

For a nuanced high-contrast look, Chestnut's split complementary palette uses the two colors found on either side of its direct complement.

#CD5C5C

#5CCD95

#5C95CD

#CD5C5C

#5CCD95

#5C95CD

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. For Chestnut, this creates a vibrant, balanced palette with strong visual contrast.

#CD5C5C

#5CCD5C

#5C5CCD

#CD5C5C

#5CCD5C

#5C5CCD

Tetradic

Tetradic color palettes are built from two sets of complementary colors. For Chestnut (#CD5C5C), this creates a rich, four-color harmony.

#CD5C5C

#95CD5C

#5CCDCD

#955CCD

#CD5C5C

#95CD5C

#5CCDCD

#955CCD

Square

The square color scheme uses four colors equidistant on the color wheel. This creates a vibrant, high-contrast palette built around the base color, Chestnut.

#CD5C5C

#95CD5C

#5CCDCD

#955CCD

#CD5C5C

#95CD5C

#5CCDCD

#955CCD

Chestnut Contrast Simulation

Text Color

#

Background Color

#

5.28

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

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Chestnut Color Variations

Shades

Shades are darker versions of Chestnut made by adding black, which introduces depth and weight.

#CD5C5C

#B04F4F

#924242

#753535

#582727

#3B1A1A

#1D0D0D

#000000

#CD5C5C

#B04F4F

#924242

#753535

#582727

#3B1A1A

#1D0D0D

#000000

Tints

Tints are lighter versions of Chestnut, created by adding white to produce a softer feel.

#CD5C5C

#D47373

#DB8B8B

#E2A2A2

#EAB9B9

#F1D0D0

#F8E8E8

#FFFFFF

#CD5C5C

#D47373

#DB8B8B

#E2A2A2

#EAB9B9

#F1D0D0

#F8E8E8

#FFFFFF

Tones

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

#CD5C5C

#C26161

#B76666

#AC6B6B

#A17171

#967676

#8B7B7B

#808080

#CD5C5C

#C26161

#B76666

#AC6B6B

#A17171

#967676

#8B7B7B

#808080

Hues

Hues are variations of Chestnut, differing in intensity and temperature to create visual depth.

#CD5C5C

#CDB15C

#95CD5C

#5CCD78

#5CCDCD

#5C78CD

#955CCD

#CD5CB1

#CD5C5C

#CDB15C

#95CD5C

#5CCD78

#5CCDCD

#5C78CD

#955CCD

#CD5CB1

What Interfaces Use Colors Like Chestnut?

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