Maroon Colors  ·  Color Library

Palettes / Colors / #DCA8CD

#DCA8CD — Light Muted Pink

#DCA8CD is a pink color we call Light Muted Pink, closest to the named color Plum (#DDA0DD). It belongs to the pink family.

Color name

Closest CSS keyword: plum (#DDA0DD) — not an exact match. CSS plum gives you #DDA0DD, a different color; use #DCA8CD when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#DCA8CD is a warm-leaning pink color associated with playfulness, romance and softness. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

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

#DCA8CD · RGB 220, 168, 205

Download PNG swatch SVG

Color values

HEX#DCA8CD
RGB220, 168, 205
HSL317°, 43%, 76%
HSV317°, 24%, 86%
CMYK0%, 24%, 7%, 14%
XYZ54.54, 47.63, 64.08
Yxy47.63, 0.3281, 0.2865
CIE-Lab74.59, 25.01, -11.41
Hunter Lab69.01, 24.35, -10.90

RGB & CMYK percentages

Red 86% · Green 66% · Blue 80%

Cyan 0% · Magenta 24% · Yellow 7% · Key 14%

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

Previews

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

CSS code for #DCA8CD

.text { color: #DCA8CD; }
.background { background-color: #DCA8CD; }
.border { border: 3px solid #DCA8CD; }
.text-rgb { color: rgb(220, 168, 205); }
.text-hsl { color: hsl(317, 43%, 76%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DCA8CD; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(220, 168, 205, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DCA8CD; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(220, 168, 205, 0.8); }

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

Shades of #DCA8CD

#D28EBF#C874B0#BC57A0#AB448E#923A79#783064#5F264F#421A36#281021#0F060C

Tints of #DCA8CD

#DFAFD1#E2B6D6#E5BDDA#E8C5DE#EBCCE2#EED3E6#F0DBEA#F3E2EE#F6E9F3#F9F0F7

Tones of #DCA8CD

#D8ABCC#D5AFCA#D1B3C8#CDB7C7#C9BAC5#C5BEC3

Color harmonies

Complementary — #A7DCB6:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.00:1 Fails
Against black text10.53:1 AAA

Best text color on #DCA8CD: #000000.

Semi-transparent (opacity) text on #DCA8CD

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #DCA8CD: ·

How #DCA8CD looks with color blindness

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

Protanopia · #C5C5C4Deuteranopia · #C9CCC2Tritanopia · #D9BDBB

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:

Material Grey 500 · #9E9E9EBootstrap light · #F8F9FATailwind fuchsia 500 · #D946EF

Palettes with a similar color

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

Palette 756ab6
#756AB6 · #AC87C5 · #E0AED0 · #FFE5E5
Palette 213c51
#213C51 · #6594B1 · #DDAED3 · #EEEEEE
Palette Ffe6e6
#FFE6E6 · #E1AFD1 · #AD88C6 · #7469B6
Palette 7469b6
#7469B6 · #AD88C6 · #E1AFD1 · #FFE6E6
Palette Bae5d5
#BAE5D5 · #D7ACD4 · #EEC2C2 · #F2F2B0
Palette Ffdfd6
#FFDFD6 · #E3A5C7 · #B692C2 · #694F8E

Similar colors

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

#E0AED0#DDAED3#E1AFD1#D7ACD4#E3A5C7#E3A8D4#E3AFC9#DBA5C2#E4A3D4#E8A7D1#E7AED2#E3B0D6

Browse neighbouring colors

← #DCA8CC  ·  #DCA8CE →

Frequently asked questions

What color is #DCA8CD?

#DCA8CD is Light Muted Pink, a pink color (RGB 220, 168, 205). Its closest standard named color is Plum.

What is the RGB and HSL of #DCA8CD?

#DCA8CD is RGB 220, 168, 205 — HSL 317°, 43%, 76% — CMYK 0%, 24%, 7%, 14%.

What colors go with #DCA8CD?

Its complement is #A7DCB6; analogous partners are #D1A7DC and #DCA7B3. It also appears in 6+ palettes in our collection.

Can I use #DCA8CD for text?

Black text on #DCA8CD has a contrast ratio of 10.53:1 (passes WCAG AA); white text gives 2.00:1.