Maroon Colors  ·  Color Library

Palettes / Colors / #DCDDC0

#DCDDC0 — Light Dusty Yellow

#DCDDC0 is a yellow color we call Light Dusty Yellow, closest to the named color Gainsboro (#DCDCDC). It belongs to the yellow family.

#DCDDC0 is a warm yellow color associated with optimism, attention and cheer. It is light enough to work as a background or base color, with darker text on top.

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

#DCDDC0 · RGB 220, 221, 192

Download PNG swatch SVG

Color values

HEX#DCDDC0
RGB220, 221, 192
HSL62°, 30%, 81%
HSV62°, 13%, 87%
CMYK0%, 0%, 13%, 13%
XYZ64.89, 70.73, 60.10
Yxy70.73, 0.3315, 0.3614
CIE-Lab87.36, -5.24, 14.14
Hunter Lab84.10, -5.06, 12.38

RGB & CMYK percentages

Red 86% · Green 87% · Blue 75%

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

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

Previews

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

CSS code for #DCDDC0

.text { color: #DCDDC0; }
.background { background-color: #DCDDC0; }
.border { border: 3px solid #DCDDC0; }
.text-rgb { color: rgb(220, 221, 192); }
.text-hsl { color: hsl(62, 30%, 81%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DCDDC0; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(220, 221, 192, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DCDDC0; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(220, 221, 192, 0.8); }

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

Shades of #DCDDC0

#CDCFA5#C1C28E#B2B474#A3A659#8C8F4D#72743E#585A30#3E3F22#272815#0D0D07

Tints of #DCDDC0

#E0E1C7#E2E2CA#E5E6D1#E7E8D4#EBEBDB#EDEDDE#F0F1E4#F2F3E8#F6F6EE#F8F8F2

Tones of #DCDDC0

#DADBC2#D8D9C4#D6D7C6#D4D5C8#D3D3CA#D0D0CD

Color harmonies

Complementary — #C1C0DD:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.39:1 Fails
Against black text15.15:1 AAA

Best text color on #DCDDC0: #000000.

How #DCDDC0 looks with color blindness

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

Protanopia · #DCDCC7Deuteranopia · #DCDCC9Tritanopia · #DCCDCE

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 a similar color

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

Palette 151d3b
#151D3B · #D82148 · #6EBF8B · #DADBBD
Palette Faf6e3
#FAF6E3 · #D8DBBD · #B59F78 · #2A3663
Palette F5f5f5
#F5F5F5 · #F2EAD3 · #DFD7BF · #3F2305
Palette D9dfc6
#D9DFC6 · #EFF3EA · #FFFDF0 · #FFF2C2
Smoky Drift
#83952F · #3799AE · #C74EB2 · #D7E2C0
Vivid Ruby Horizon
#807E25 · #43C8C5 · #CF61D1 · #DCE2BB

Similar colors

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

#DADBBD#D8DBBD#DFD7BF#D9DFC6#D7E2C0#DCE2BB#DDDDC7#DED6C1#E1D9BC#E1DFBA#E4DEBE#D7E4C0

Browse neighbouring colors

← #DCDDBF  ·  #DCDDC1 →

Frequently asked questions

What color is #DCDDC0?

#DCDDC0 is Light Dusty Yellow, a yellow color (RGB 220, 221, 192). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #DCDDC0?

#DCDDC0 is RGB 220, 221, 192 — HSL 62°, 30%, 81% — CMYK 0%, 0%, 13%, 13%.

What colors go with #DCDDC0?

Its complement is #C1C0DD; analogous partners are #DDD0C0 and #CEDDC0. It also appears in 6+ palettes in our collection.

Can I use #DCDDC0 for text?

Black text on #DCDDC0 has a contrast ratio of 15.15:1 (passes WCAG AA); white text gives 1.39:1.