Maroon Colors  ·  Color Library

Palettes / Colors / #DDCFE3

#DDCFE3 — Pale Dusty Purple

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

#DDCFE3 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 #D5E3CF; it also sits naturally between #D3CFE3 and #E3CFDF. In the palettes below you can see it working alongside real color combinations from our collection.

#DDCFE3 · RGB 221, 207, 227

Download PNG swatch SVG

Color values

HEX#DDCFE3
RGB221, 207, 227
HSL282°, 26%, 85%
HSV282°, 9%, 89%
CMYK3%, 9%, 0%, 11%
XYZ66.00, 65.54, 81.85
Yxy65.54, 0.3093, 0.3072
CIE-Lab84.76, 8.43, -8.12
Hunter Lab80.96, 8.29, -7.97

RGB & CMYK percentages

Red 87% · Green 81% · Blue 89%

Cyan 3% · Magenta 9% · Yellow 0% · Key 11%

Previews

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

CSS code for #DDCFE3

.text { color: #DDCFE3; }
.background { background-color: #DDCFE3; }
.border { border: 3px solid #DDCFE3; }
.text-rgb { color: rgb(221, 207, 227); }
.text-hsl { color: hsl(282, 26%, 85%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DDCFE3; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(221, 207, 227, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DDCFE3; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(221, 207, 227, 0.8); }

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

Shades of #DDCFE3

#CAB5D4#B89BC5#A682B5#9468A6#7F5591#654474#4F355A#382640#221727#0B080D

Tints of #DDCFE3

#DFD2E5#E1D5E6#E4D8E8#E6DCEA#EAE2EE#EDE5F0#EFE9F2#F1ECF4#F4EFF6#F6F2F7

Tones of #DDCFE3

#DCD0E1#DCD1E0#DBD3DE#DAD5DD#DAD6DB#D9D7DA

Color harmonies

Complementary — #D5E3CF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.49:1 Fails
Against black text14.11:1 AAA

Best text color on #DDCFE3: #000000.

How #DDCFE3 looks with color blindness

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

Protanopia · #D7D7DEDeuteranopia · #D8D9DDTritanopia · #DCDADA

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 #DDCFE3 or a close neighbour

Wild Ruby Mirage
#D9CAE8 · #71449C · #4F3767 · #24192E
Palette Cff6cf
#CFF6CF · #CFE5CF · #E5CFE5 · #F6DEF6
Crystal Ruby Drift
#722A9F · #AB7A2D · #32BF88 · #DACAEA
Palette Dbd8e3
#DBD8E3 · #5C5470 · #352F44 · #2A2438
Crimson Summit
#4B812A · #95CC63 · #8139AE · #E3CEEA
Modern Ruby Breeze
#4E2674 · #A67037 · #5ECA95 · #D6C9E5

Similar colors

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

#D9CAE8#E5CFE5#DACAEA#DBD8E3#E3CEEA#D6C9E5#E1CCEC#D3CEDF#D7CFED#E7D3E8#E7CEDC#E1D3EE

Browse neighbouring colors

← #DDCFE2  ·  #DDCFE4 →

Frequently asked questions

What color is #DDCFE3?

#DDCFE3 is Pale Dusty Purple, a purple color (RGB 221, 207, 227). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #DDCFE3?

#DDCFE3 is RGB 221, 207, 227 — HSL 282°, 26%, 85% — CMYK 3%, 9%, 0%, 11%.

What colors go with #DDCFE3?

Its complement is #D5E3CF; analogous partners are #D3CFE3 and #E3CFDF. It also appears in 6+ palettes in our collection.

Can I use #DDCFE3 for text?

Black text on #DDCFE3 has a contrast ratio of 14.11:1 (passes WCAG AA); white text gives 1.49:1.