Maroon Colors  ·  Color Library

Palettes / Colors / #DCCFC0

#DCCFC0 — Light Dusty Brown

#DCCFC0 is a brown color we call Light Dusty Brown, closest to the named color Thistle (#D8BFD8). It belongs to the brown family.

#DCCFC0 is a warm brown color associated with earthiness, stability and comfort. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #C0CEDD; it also sits naturally between #DDC1C0 and #DCDDC0. In the palettes below you can see it working alongside real color combinations from our collection.

#DCCFC0 · RGB 220, 207, 192

Download PNG swatch SVG

Color values

HEX#DCCFC0
RGB220, 207, 192
HSL32°, 29%, 81%
HSV32°, 13%, 86%
CMYK0%, 6%, 13%, 14%
XYZ61.34, 63.65, 58.92
Yxy63.65, 0.3335, 0.3461
CIE-Lab83.78, 2.00, 9.06
Hunter Lab79.78, 1.93, 8.01

RGB & CMYK percentages

Red 86% · Green 81% · Blue 75%

Cyan 0% · Magenta 6% · Yellow 13% · Key 14%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #DCCFC0 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #DCCFC0 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #DCCFC0

.text { color: #DCCFC0; }
.background { background-color: #DCCFC0; }
.border { border: 3px solid #DCCFC0; }
.text-rgb { color: rgb(220, 207, 192); }
.text-hsl { color: hsl(32, 29%, 81%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DCCFC0; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(220, 207, 192, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DCCFC0; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(220, 207, 192, 0.8); }

HTML: <p style="color:#DCCFC0">Text here</p> · <div style="background-color:#DCCFC0">Div content here</div>

Shades of #DCCFC0

#CEBBA6#C1AA8F#B39675#A4825B#8D704E#735B3F#594631#3F3122#271F16#0D0A07

Tints of #DCCFC0

#E0D4C7#E2D7CA#E6DCD1#E7DED4#EBE3DB#EDE6DE#F1EBE5#F2EDE8#F6F2EF#F8F5F2

Tones of #DCCFC0

#DBCFC2#D9CFC4#D7CFC6#D4CFC9#D2CFCB#D0CFCD

Color harmonies

Complementary — #C0CEDD:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.53:1 Fails
Against black text13.73:1 AAA

Best text color on #DCCFC0: #000000.

How #DCCFC0 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #D6D6C4Deuteranopia · #D7D8C4Tritanopia · #DBC6C7

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap light · #F8F9FAMaterial Grey 500 · #9E9E9EMaterial Lime 500 · #CDDC39

Palettes with #DCCFC0

Palette 778873
#778873 · #A1BC98 · #DCCFC0 · #FDF6ED
Palette Faf9ee
#FAF9EE · #A2AF9B · #DCCFC0 · #EEEEEE

Palettes with a similar color

These palettes use a close neighbour of #DCCFC0 rather than the exact color:

Palette Dbd0c0
#DBD0C0 · #FAEEE0 · #F9E4C8 · #F9CF93
Palette Fdefef
#FDEFEF · #F4DFD0 · #DAD0C2 · #CDBBA7
Rustic Ruby Meadow
#8B6E30 · #359878 · #9D4EC1 · #DDD0BC
Palette 254336
#254336 · #6B8A7A · #B7B597 · #DAD3BE

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#DBD0C0#DAD0C2#DDD0BC#DAD3BE#DBCBBD#D8D2C2#E0CCBE#DFD3C3#DED3C4#DFD4BE#D7D3BF#E3CDC1

Browse neighbouring colors

← #DCCFBF  ·  #DCCFC1 →

Frequently asked questions

What color is #DCCFC0?

#DCCFC0 is Light Dusty Brown, a brown color (RGB 220, 207, 192). Its closest standard named color is Thistle.

What is the RGB and HSL of #DCCFC0?

#DCCFC0 is RGB 220, 207, 192 — HSL 32°, 29%, 81% — CMYK 0%, 6%, 13%, 14%.

What colors go with #DCCFC0?

Its complement is #C0CEDD; analogous partners are #DDC1C0 and #DCDDC0. It also appears in 6+ palettes in our collection.

Can I use #DCCFC0 for text?

Black text on #DCCFC0 has a contrast ratio of 13.73:1 (passes WCAG AA); white text gives 1.53:1.