Plum Color

Learn about Plum (#dda0dd): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#dda0dd
HEX #dda0dd
RGB rgb(221, 160, 221)
HSL 300°, 47%, 75%

About Plum Color

Plum is a soft, medium purple with a warm pinkish tone. It is gentle enough for backgrounds yet distinct enough for creative accents.

Use Cases for Plum

creative backgroundssoft accentsspring themesbeauty productsfloral design

Shades & Tints of Plum

#ffffff
#f7e7f7
#eed0ee
#e6b8e6
#dda0dd
#a678a6
#6f506f
#372837
#000000

Complementary Color

#dda0dd
#a1dda1

Analogous Colors

#bfa1dd
#dda0dd
#dda1bf

CSS Code

.plum-color {
  color: #dda0dd;
}

Contrast Recommendations

Black text on Plum
Ratio: 10.15:1 ✓ Passes AA ✓ Passes AAA
White text on Plum
Ratio: 2.07:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is Plum?

Plum is represented by the hex code #dda0dd and has RGB values of rgb(221, 160, 221). It falls under the Purple category.

How to use Plum in web design?

Plum works well for creative backgrounds, soft accents, spring themes. Plum is a soft, medium purple with a warm pinkish tone. It is gentle enough for backgrounds yet distinct enough for creative accents. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Plum?

Colors that pair well with Plum include orchid, thistle, violet, mediumorchid, lavender. For a complementary scheme, try #a1dda1. For an analogous scheme, use #bfa1dd and #dda1bf.