Maroon Colors  ·  Color Library

Palettes / Colors / #D293BE

#D293BE — Light Muted Pink

#D293BE 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 #D293BE 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.

#D293BE 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 #93D2A7; it also sits naturally between #C693D2 and #D2939F. In the palettes below you can see it working alongside real color combinations from our collection.

#D293BE · RGB 210, 147, 190

Download PNG swatch SVG

Color values

HEX#D293BE
RGB210, 147, 190
HSL319°, 41%, 70%
HSV319°, 30%, 82%
CMYK0%, 30%, 10%, 18%
XYZ46.31, 38.29, 53.66
Yxy38.29, 0.3349, 0.2769
CIE-Lab68.23, 30.37, -12.75
Hunter Lab61.88, 29.06, -11.92

RGB & CMYK percentages

Red 82% · Green 58% · Blue 75%

Cyan 0% · Magenta 30% · Yellow 10% · Key 18%

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

Previews

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

CSS code for #D293BE

.text { color: #D293BE; }
.background { background-color: #D293BE; }
.border { border: 3px solid #D293BE; }
.text-rgb { color: rgb(210, 147, 190); }
.text-hsl { color: hsl(319, 41%, 70%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #D293BE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(210, 147, 190, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #D293BE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(210, 147, 190, 0.8); }

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

Shades of #D293BE

#C77AAF#BE64A2#B44B93#9E4281#85386D#6C2D58#562446#3D1A32#281120#0E060C

Tints of #D293BE

#D69EC5#D9A5C9#DEB0CF#E1B7D4#E5C2DA#EACDE1#EDD4E5#F1DFEC#F4E6F0#F9F1F6

Tones of #D293BE

#CD98BC#C99CBB#C4A1B9#C0A5B8#BCA9B6#B7AEB4

Color harmonies

Complementary — #93D2A7:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.43:1 Fails
Against black text8.66:1 AAA

Best text color on #D293BE: #000000.

Semi-transparent (opacity) text on #D293BE

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

How #D293BE looks with color blindness

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

Protanopia · #B7B6B4Deuteranopia · #BABFB1Tritanopia · #CFABAA

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 · #9E9E9ETailwind pink 500 · #EC4899Tailwind fuchsia 500 · #D946EF

Palettes with a similar color

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

Palette Ffdfd3
#FFDFD3 · #FEC8D8 · #D291BC · #957DAD
Velvet Ruby Aurora
#5A73A2 · #9175AC · #D295BB · #AF7B6B
Golden Meadow
#AF92CA · #CB93B8 · #C8A8A2 · #CACA91
Radiant Ruby Saffron
#848DD0 · #936BCE · #B957C2 · #DB93BC
Vintage Ruby Saffron
#E3B0D6 · #D78EC5 · #732B61 · #4D1940
Scarlet Ruby Petal
#6DA570 · #7BB6C2 · #523F87 · #CB9BB9

Similar colors

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

#D291BC#D295BB#CB93B8#DB93BC#D78EC5#CB9BB9#D988B9#D991CA#DC8BB7#CE97B0#D989B5#C689BD

Browse neighbouring colors

← #D293BD  ·  #D293BF →

Frequently asked questions

What color is #D293BE?

#D293BE is Light Muted Pink, a pink color (RGB 210, 147, 190). Its closest standard named color is Plum.

What is the RGB and HSL of #D293BE?

#D293BE is RGB 210, 147, 190 — HSL 319°, 41%, 70% — CMYK 0%, 30%, 10%, 18%.

What colors go with #D293BE?

Its complement is #93D2A7; analogous partners are #C693D2 and #D2939F. It also appears in 6+ palettes in our collection.

Can I use #D293BE for text?

Black text on #D293BE has a contrast ratio of 8.66:1 (passes WCAG AA); white text gives 2.43:1.