Plum

HEX: #DDA0DD | Modern Palette

On White
2.07:1
FAIL
On Black
10.15:1
PASS

Color Specifications

HEX
#DDA0DD
RGB
221, 160, 221
HSL
300°, 47% ,74%
CMYK
0, 28, 0, 13

About Plum

Plum (#DDA0DD) is a color with RGB(221, 160, 221) and HSL(300°, 47.3%, 74.7%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Logo. Its complementary color is #A0DDA0, which creates strong contrast. Its triadic palette includes #DDDDA0 and #A0DDDD. The name comes from Plum (English).

  • HEX: #DDA0DD
  • RGB: 221, 160, 221
  • HSL: 300°, 47.3%, 74.7%
  • Mood: Romantic
  • Style: Warm
  • Use case: Text, Button, Logo
  • Complementary color: #A0DDA0
  • Triadic colors: #DDDDA0, #A0DDDD
  • The name comes from Plum (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #DDA0DD from deepest shade to lightest tint.

Color Characteristics

Mood
Romantic
Style
Warm
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #B5B5DC
Protanopia #A8A8DD
Tritanopia #D6A9A9
Achromatopsia #B4B4B4

Frequently Asked Questions

Plum (#DDA0DD) is a color with RGB(221, 160, 221) and HSL(300°, 47.3%, 74.7%).

#DDA0DD pairs strongly with #A0DDA0 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#DDA0DD is suitable for Text, Button, Logo and works well with Warm styles.

#DDA0DD is commonly associated with Romantic.

The name Plum is linked to Plum from English, meaning A fruit of the genus Prunus, typically sweet and juicy, with a single large seed..

Name, History & Etymology

Origin Word Plum
Meaning A fruit of the genus Prunus, typically sweet and juicy, with a single large seed.
Language English
First Recorded Use Old English

History

The word 'plum' comes from the Old English 'plume', which itself is derived from the Latin 'prunum'. This Latin term referred to the plum fruit and tree. The word has maintained a consistent meaning related to the fruit throughout its history in English. Over time, 'plum' also developed a figurative meaning, referring to something desirable or excellent, as in 'a plum job'.

First Recorded Use

Before 12th century

Cultural Associations

Plums are cultivated worldwide and are significant in many cuisines, eaten fresh, dried (as prunes), or used in jams, desserts, and alcoholic beverages. In some cultures, plums symbolize perseverance and hope, particularly in East Asian art and literature where plum blossoms are highly revered for blooming in late winter. The color 'plum' (#dda0dd) is a medium purple with a reddish tinge, often associated with richness, luxury, and royalty, though it's a lighter, more pastel shade than a deep, dark plum.

Similar Named Colors
Light Medium Orchid #D39BCB ΔE 3.57
Light Grayish Magenta #CC99CC ΔE 3.74
Light Orchid #E6A8D7 ΔE 4.10
Pastel Violet #CB99C9 ΔE 4.27

Code Snippets

/* Background */
.element {
    background-color: #DDA0DD;
}

/* Text */
.element {
    color: #DDA0DD;
}

/* Border */
.element {
    border: 1px solid #DDA0DD;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #DDA0DD,
        #A0DDA0
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #DDA0DD,
        #A0DDA0
    );
}

// SCSS variable
$plum: #DDA0DD;

// With RGB channels (useful for rgba() usage)
$plum-r: 221;
$plum-g: 160;
$plum-b: 221;

// Usage
.element {
    background-color: $plum;
    color: rgba($plum-r, $plum-g, $plum-b, 0.8);
}