Maroon Colors  ·  Color Library

Palettes / Colors / #DACEDD

#DACEDD — Pale Dusty Purple

#DACEDD is a purple color we call Pale Dusty Purple, closest to the named color Gainsboro (#DCDCDC). It belongs to the purple family.

Color name

Closest CSS keyword: gainsboro (#DCDCDC) — not an exact match. CSS gainsboro gives you #DCDCDC, a different color; use #DACEDD 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.

#DACEDD is a cool purple color associated with luxury, creativity and mystery. It is light enough to work as a background or base color, with darker text on top.

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

#DACEDD · RGB 218, 206, 221

Download PNG swatch SVG

Color values

HEX#DACEDD
RGB218, 206, 221
HSL288°, 18%, 84%
HSV288°, 7%, 87%
CMYK1%, 7%, 0%, 13%
XYZ64.04, 64.27, 77.44
Yxy64.27, 0.3112, 0.3124
CIE-Lab84.11, 6.84, -5.93
Hunter Lab80.17, 6.67, -5.73

RGB & CMYK percentages

Red 85% · Green 81% · Blue 87%

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

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

Previews

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

CSS code for #DACEDD

.text { color: #DACEDD; }
.background { background-color: #DACEDD; }
.border { border: 3px solid #DACEDD; }
.text-rgb { color: rgb(218, 206, 221); }
.text-hsl { color: hsl(288, 18%, 84%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DACEDD; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(218, 206, 221, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DACEDD; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(218, 206, 221, 0.8); }

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

Shades of #DACEDD

#C8B7CD#B69FBC#A487AB#926F9B#7C5C84#664B6C#4F3B54#392A3C#221924#0B080C

Tints of #DACEDD

#DDD2E0#DFD5E2#E4DBE6#E6DEE8#E8E1EA#EBE4EC#EDE7EE#F1EDF2#F4F0F5#F6F3F7

Tones of #DACEDD

#DAD0DC#D9D1DC#D9D2DA#D8D3D9#D7D4D8#D7D5D7

Color harmonies

Complementary — #D2DECF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.52:1 Fails
Against black text13.85:1 AAA

Best text color on #DACEDD: #000000.

Semi-transparent (opacity) text on #DACEDD

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 #DACEDD: ·

How #DACEDD looks with color blindness

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

Protanopia · #D5D5D9Deuteranopia · #D6D6D9Tritanopia · #D9D7D6

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 · #9E9E9ETailwind purple 500 · #A855F7

Palettes with a similar color

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

Palette F2d7d9
#F2D7D9 · #D3CEDF · #9CB4CC · #748DA6
Modern Ruby Breeze
#4E2674 · #A67037 · #5ECA95 · #D6C9E5
Palette Fe7743
#FE7743 · #273F4F · #447D9B · #D7D7D7
Palette 091057
#091057 · #024CAA · #EC8305 · #DBD3D3
Palette 272829
#272829 · #61677A · #D8D9DA · #FFF6E0
Palette Dbd8e3
#DBD8E3 · #5C5470 · #352F44 · #2A2438

Similar colors

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

#D3CEDF#D6C9E5#D7D7D7#DBD3D3#D8D9DA#DBD8E3#D9CAE8#DFD3D3#E7CEDC#E0D9D9#DACAEA#E5CFE5

Browse neighbouring colors

← #DACEDC  ·  #DACEDE →

Frequently asked questions

What color is #DACEDD?

#DACEDD is Pale Dusty Purple, a purple color (RGB 218, 206, 221). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #DACEDD?

#DACEDD is RGB 218, 206, 221 — HSL 288°, 18%, 84% — CMYK 1%, 7%, 0%, 13%.

What colors go with #DACEDD?

Its complement is #D2DECF; analogous partners are #D3CFDE and #DECFD9. It also appears in 6+ palettes in our collection.

Can I use #DACEDD for text?

Black text on #DACEDD has a contrast ratio of 13.85:1 (passes WCAG AA); white text gives 1.52:1.