Maroon Colors  ·  Color Library

Palettes / Colors / #DFD2F3

#DFD2F3 — Pale Purple

#DFD2F3 is a purple color we call Pale Purple, closest to the named color Lavender (#E6E6FA). It belongs to the purple family.

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

#DFD2F3 · RGB 223, 210, 243

Download PNG swatch SVG

Color values

HEX#DFD2F3
RGB223, 210, 243
HSL264°, 58%, 89%
HSV264°, 14%, 95%
CMYK8%, 14%, 0%, 5%
XYZ69.66, 68.25, 94.30
Yxy68.25, 0.3000, 0.2939
CIE-Lab86.13, 10.57, -14.55
Hunter Lab82.61, 10.50, -14.89

RGB & CMYK percentages

Red 87% · Green 82% · Blue 95%

Cyan 8% · Magenta 14% · Yellow 0% · Key 5%

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

Previews

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

CSS code for #DFD2F3

.text { color: #DFD2F3; }
.background { background-color: #DFD2F3; }
.border { border: 3px solid #DFD2F3; }
.text-rgb { color: rgb(223, 210, 243); }
.text-hsl { color: hsl(264, 58%, 89%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DFD2F3; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(223, 210, 243, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DFD2F3; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(223, 210, 243, 0.8); }

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

Shades of #DFD2F3

#C9B2EB#AF8EE1#996ED8#7F4ACF#6A32BD#562999#442079#2F1655#1D0E34#090410

Tints of #DFD2F3

#E3D7F4#E3D7F4#E5DBF5#E8DFF6#EBE3F8#EBE3F8#EEE7F9#F1EBFA#F1EBFA#F4EFFB

Tones of #DFD2F3

#E0D5F1#E1D7EE#E1DAEC#E2DCEA#E2DEE8#E3E1E5

Color harmonies

Complementary — #E6F3D3:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.43:1 Fails
Against black text14.65:1 AAA

Best text color on #DFD2F3: #000000.

How #DFD2F3 looks with color blindness

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

Protanopia · #D9D9EBDeuteranopia · #DADBE9Tritanopia · #DEE5E3

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 #DFD2F3 rather than the exact color:

Radiant Ruby Whisper
#DCCEF3 · #A078DE · #501D9F · #231042
Dusty Ember
#E3D5F1 · #A87ED3 · #844BBE · #542E7B
Burning Ruby Twilight
#B6F0D9 · #B0CAEC · #E1D3EE · #F2D6E4
Misty Garden
#558C19 · #ACE777 · #8434DB · #DBCEF3
Wild Mosaic
#2E19A9 · #E0462B · #1ECD38 · #D9D3F4
Hidden Monsoon
#DBD6F0 · #7566BD · #5C47BD · #372D67

Similar colors

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

#DCCEF3#E3D5F1#E1D3EE#DBCEF3#D9D3F4#DBD6F0#DCD6F7#D9D1EF#E2CCEF#E5CFF7#D7D2F4#D9D7F1

Browse neighbouring colors

← #DFD2F2  ·  #DFD2F4 →

Frequently asked questions

What color is #DFD2F3?

#DFD2F3 is Pale Purple, a purple color (RGB 223, 210, 243). Its closest standard named color is Lavender.

What is the RGB and HSL of #DFD2F3?

#DFD2F3 is RGB 223, 210, 243 — HSL 264°, 58%, 89% — CMYK 8%, 14%, 0%, 5%.

What colors go with #DFD2F3?

Its complement is #E6F3D3; analogous partners are #D3D6F3 and #F0D3F3. It also appears in 6+ palettes in our collection.

Can I use #DFD2F3 for text?

Black text on #DFD2F3 has a contrast ratio of 14.65:1 (passes WCAG AA); white text gives 1.43:1.