Nearest-color comparison

Violet vs Plum

Violet and Plum are different pink colors with HEX values #EE82EE and #DDA0DD. According to Colors Encyclopedia, their RGB distance is 38.4, their contrast ratio is 1.12:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

Violet and Plum are visually related colors. Plum is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.12:1, so the pair is too low for text and better treated as a palette relationship.

Differences Use cases Accessibility JSON

Violet#EE82EE

Plum#DDA0DD

Quick Difference Summary

The main measurable differences between Violet and Plum across RGB distance, luminance, hue, saturation, and contrast.

RGB distance38.4

Pair contrast1.12:1

Luminance delta0.0541

Hue delta0 deg

Lighter colorPlum

More saturatedViolet

Side-by-Side Color Profiles

pink color

Violet

Violet is #EE82EE, a warm pink color with vibrant character. Compared with Plum, it is darker and more saturated. Use it for web design, css color systems, and ui prototyping, with black text as the safer foreground option.

HEX#EE82EE RGB238, 130, 238 HSL300, 76, 72 CMYK0, 45, 0, 7 Luminance0.4032 Best textblack text

Color page WCAG HEX atlas

pink color

Plum

Plum is #DDA0DD, a warm pink color with balanced character. Compared with Violet, it is lighter and less saturated. Use it for web design, css color systems, and ui prototyping, with black text as the safer foreground option.

HEX#DDA0DD RGB221, 160, 221 HSL300, 47, 75 CMYK0, 28, 0, 13 Luminance0.4573 Best textblack text

Color page WCAG HEX atlas

When to Use Violet or Plum

Choose VioletViolet is better when the design needs vibrant pink character, warm temperature, and the specific HEX value #EE82EE.

Choose PlumPlum is better when the design needs balanced pink character, warm temperature, and the specific HEX value #DDA0DD.

Use togetherUse these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs.

Technical Comparison Table

PropertyVioletPlum

HEX#EE82EE#DDA0DD

RGB238, 130, 238221, 160, 221

HSL300, 76, 72300, 47, 75

CMYK0, 45, 0, 70, 28, 0, 13

FamilyPinkPink

TemperatureWarmWarm

ToneVibrantBalanced

Luminance0.40320.4573

Black contrast9.06:110.15:1

White contrast2.32:12.07:1

Shared tonesNone

Accessibility and Contrast

Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.

Violetblack text - 9.06:1

Plumblack text - 10.15:1

Related Palette Strip

A compact visual strip showing the two compared colors with nearby harmony and variant context.

Violet#EE82EE

Plum#DDA0DD

#F9D2F9#F9D2F9

#F6E5F6#F6E5F6

#81EE81#81EE81

#A1DDA1#A1DDA1

colorsBoth named color records with HEX, RGB, HSL, CMYK, luminance, WCAG, and links

differencesRGB distance, HSL deltas, luminance delta, contrast, and shared attributes

accessibilityPair contrast and safer text choices for each color

useCasesWhen to choose each color and when to use them together

relatedApiMachine-readable comparison and color endpoints

Structured sections

Colors

[
  {
    "slug": "violet",
    "name": "Violet",
    "hex": "#EE82EE",
    "rgb": [
      238,
      130,
      238
    ],
    "hsl": [
      300,
      76,
      72
    ],
    "cmyk": [
      0,
      45,
      0,
      7
    ],
    "family": "pink",
    "temperature": "warm",
    "tone": [
      "vibrant"
    ],
    "luminance": 0.4032,
    "contrast": {
      "black": 9.06,
      "white": 2.32
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 9.06
    },
    "description": "Violet is #EE82EE, a warm pink color with vibrant character. Compared with Plum, it is darker and more saturated. Use it for web design, css color systems, and ui prototyping, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/violet/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/violet.json"
  },
  {
    "slug": "plum",
    "name": "Plum",
    "hex": "#DDA0DD",
    "rgb": [
      221,
      160,
      221
    ],
    "hsl": [
      300,
      47,
      75
    ],
    "cmyk": [
      0,
      28,
      0,
      13
    ],
    "family": "pink",
    "temperature": "warm",
    "tone": [
      "balanced"
    ],
    "luminance": 0.4573,
    "contrast": {
      "black": 10.15,
      "white": 2.07
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 10.15
    },
    "description": "Plum is #DDA0DD, a warm pink color with balanced character. Compared with Violet, it is lighter and less saturated. Use it for web design, css color systems, and ui prototyping, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/plum/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/plum.json"
  }
]

Differences

{
  "rgbDistance": 38.4,
  "contrastRatio": 1.12,
  "hslDelta": {
    "hue": 0,
    "saturation": 29,
    "lightness": 3
  },
  "luminanceDelta": 0.0541,
  "sameFamily": true,
  "sameTemperature": true,
  "sharedTones": [],
  "lighterColor": "Plum",
  "moreSaturatedColor": "Violet"
}

Accessibility

{
  "pairContrastRatio": 1.12,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Violet",
      "background": "#EE82EE",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 9.06
    },
    {
      "color": "Plum",
      "background": "#DDA0DD",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 10.15
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Violet is better when the design needs vibrant pink character, warm temperature, and the specific HEX value #EE82EE.",
  "chooseSecondWhen": "Plum is better when the design needs balanced pink character, warm temperature, and the specific HEX value #DDA0DD.",
  "useTogetherWhen": "Use these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs."
}

Related API

[
  "https://www.colorsencyclopedia.com/api/compare/violet-vs-plum.json",
  "https://www.colorsencyclopedia.com/api/colors/violet.json",
  "https://www.colorsencyclopedia.com/api/colors/plum.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "violet-vs-plum",
  "type": "nearest",
  "name": "Violet vs Plum",
  "verdict": "Violet and Plum are visually related colors. Plum is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.12:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Violet and Plum are different pink colors with HEX values #EE82EE and #DDA0DD. According to Colors Encyclopedia, their RGB distance is 38.4, their contrast ratio is 1.12:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 38.4,
  "contrastRatio": 1.12,
  "colors": [
    {
      "slug": "violet",
      "name": "Violet",
      "hex": "#EE82EE",
      "rgb": [
        238,
        130,
        238
      ],
      "hsl": [
        300,
        76,
        72
      ],
      "cmyk": [
        0,
        45,
        0,
        7
      ],
      "family": "pink",
      "temperature": "warm",
      "tone": [
        "vibrant"
      ],
      "luminance": 0.4032,
      "contrast": {
        "black": 9.06,
        "white": 2.32
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 9.06
      },
      "description": "Violet is #EE82EE, a warm pink color with vibrant character. Compared with Plum, it is darker and more saturated. Use it for web design, css color systems, and ui prototyping, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/violet/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/violet.json"
    },
    {
      "slug": "plum",
      "name": "Plum",
      "hex": "#DDA0DD",
      "rgb": [
        221,
        160,
        221
      ],
      "hsl": [
        300,
        47,
        75
      ],
      "cmyk": [
        0,
        28,
        0,
        13
      ],
      "family": "pink",
      "temperature": "warm",
      "tone": [
        "balanced"
      ],
      "luminance": 0.4573,
      "contrast": {
        "black": 10.15,
        "white": 2.07
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 10.15
      },
      "description": "Plum is #DDA0DD, a warm pink color with balanced character. Compared with Violet, it is lighter and less saturated. Use it for web design, css color systems, and ui prototyping, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/plum/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/plum.json"
    }
  ],
  "differences": {
    "rgbDistance": 38.4,
    "contrastRatio": 1.12,
    "hslDelta": {
      "hue": 0,
      "saturation": 29,
      "lightness": 3
    },
    "luminanceDelta": 0.0541,
    "sameFamily": true,
    "sameTemperature": true,
    "sharedTones": [],
    "lighterColor": "Plum",
    "moreSaturatedColor": "Violet"
  },
  "accessibility": {
    "pairContrastRatio": 1.12,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Violet",
        "background": "#EE82EE",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 9.06
      },
      {
        "color": "Plum",
        "background": "#DDA0DD",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 10.15
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Violet is better when the design needs vibrant pink character, warm temperature, and the specific HEX value #EE82EE.",
    "chooseSecondWhen": "Plum is better when the design needs balanced pink character, warm temperature, and the specific HEX value #DDA0DD.",
    "useTogetherWhen": "Use these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs."
  },
  "relatedApi": [
    "https://www.colorsencyclopedia.com/api/compare/violet-vs-plum.json",
    "https://www.colorsencyclopedia.com/api/colors/violet.json",
    "https://www.colorsencyclopedia.com/api/colors/plum.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/violet-vs-plum/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/violet-vs-plum.json"
}