Maroon Colors  ·  Color Library

Palettes / Colors / #DFBEEA

#DFBEEA — Pale Muted Purple

#DFBEEA is a purple color we call Pale Muted Purple, closest to the named color Thistle (#D8BFD8). It belongs to the purple family.

Color name

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

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

#DFBEEA · RGB 223, 190, 234

Download PNG swatch SVG

Color values

HEX#DFBEEA
RGB223, 190, 234
HSL285°, 51%, 83%
HSV285°, 19%, 92%
CMYK5%, 19%, 0%, 8%
XYZ63.70, 58.46, 85.77
Yxy58.46, 0.3064, 0.2811
CIE-Lab80.99, 19.48, -17.48
Hunter Lab76.46, 19.30, -17.81

RGB & CMYK percentages

Red 87% · Green 75% · Blue 92%

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

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

Previews

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

CSS code for #DFBEEA

.text { color: #DFBEEA; }
.background { background-color: #DFBEEA; }
.border { border: 3px solid #DFBEEA; }
.text-rgb { color: rgb(223, 190, 234); }
.text-hsl { color: hsl(285, 51%, 83%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DFBEEA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(223, 190, 234, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DFBEEA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(223, 190, 234, 0.8); }

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

Shades of #DFBEEA

#D09FE0#C080D6#B161CC#A242C2#8D37A9#732D8B#5A236C#40194D#260F2E#0D050F

Tints of #DFBEEA

#E1C1EB#E4C9EE#E6CDEF#E8D1F0#ECD8F3#EEDCF4#F0E0F5#F2E4F6#F6ECF9#F7F0FA

Tones of #DFBEEA

#DDC1E7#DBC4E3#DAC7E0#D8CADD#D7CDDA#D5D1D7

Color harmonies

Complementary — #C9EABE:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.65:1 Fails
Against black text12.69:1 AAA

Best text color on #DFBEEA: #000000.

Semi-transparent (opacity) text on #DFBEEA

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

How #DFBEEA looks with color blindness

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

Protanopia · #D1D0DFDeuteranopia · #D3D5DDTritanopia · #DDD7D5

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

Palette 5a639c
#5A639C · #7776B3 · #9B86BD · #E2BBE9
Electric Ruby Tempest
#E1BEE4 · #A661AD · #612E66 · #3C1D3F
Palette 2a2f4f
#2A2F4F · #917FB3 · #E5BEEC · #FDE2F3
Tranquil Cinder
#E2C2E6 · #CD90D5 · #B85FC3 · #9E47A9
Scarlet Petal
#DCDEF4 · #DBBEE5 · #EDB8CF · #EEC7AB
Misty Ruby Cascade
#691698 · #DB9720 · #1FCF8E · #DCC1EF

Similar colors

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

#E2BBE9#E1BEE4#E5BEEC#E2C2E6#DBBEE5#DCC1EF#DCBDE4#DCBBE3#DBC4F0#DAB8F0#D6C1ED#E6BCF1

Browse neighbouring colors

← #DFBEE9  ·  #DFBEEB →

Frequently asked questions

What color is #DFBEEA?

#DFBEEA is Pale Muted Purple, a purple color (RGB 223, 190, 234). Its closest standard named color is Thistle.

What is the RGB and HSL of #DFBEEA?

#DFBEEA is RGB 223, 190, 234 — HSL 285°, 51%, 83% — CMYK 5%, 19%, 0%, 8%.

What colors go with #DFBEEA?

Its complement is #C9EABE; analogous partners are #C9BEEA and #EABEDF. It also appears in 6+ palettes in our collection.

Can I use #DFBEEA for text?

Black text on #DFBEEA has a contrast ratio of 12.69:1 (passes WCAG AA); white text gives 1.65:1.