Nearest-color comparison

Medium Purple vs Medium Slate Blue

Medium Purple and Medium Slate Blue are different purple and blue colors with HEX values #9370DB and #7B68EE. According to Colors Encyclopedia, their RGB distance is 31.6, their contrast ratio is 1.1:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

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

Differences Use cases Accessibility JSON

Medium Purple#9370DB

Medium Slate Blue#7B68EE

Quick Difference Summary

The main measurable differences between Medium Purple and Medium Slate Blue across RGB distance, luminance, hue, saturation, and contrast.

RGB distance31.6

Pair contrast1.1:1

Luminance delta0.0263

Hue delta11 deg

Lighter colorMedium Purple

More saturatedMedium Slate Blue

Side-by-Side Color Profiles

purple color

Medium Purple

Medium Purple is #9370DB, a cool purple color with balanced character. Compared with Medium Slate Blue, 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#9370DB RGB147, 112, 219 HSL260, 60, 65 CMYK33, 49, 0, 14 Luminance0.2291 Best textblack text

Color page WCAG HEX atlas

blue color

Medium Slate Blue

Medium Slate Blue is #7B68EE, a cool blue color with vibrant character. Compared with Medium Purple, 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#7B68EE RGB123, 104, 238 HSL249, 80, 67 CMYK48, 56, 0, 7 Luminance0.2028 Best textblack text

Color page WCAG HEX atlas

When to Use Medium Purple or Medium Slate Blue

Choose Medium PurpleMedium Purple is better when the design needs balanced purple character, cool temperature, and the specific HEX value #9370DB.

Choose Medium Slate BlueMedium Slate Blue is better when the design needs vibrant blue character, cool temperature, and the specific HEX value #7B68EE.

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

Technical Comparison Table

PropertyMedium PurpleMedium Slate Blue

HEX#9370DB#7B68EE

RGB147, 112, 219123, 104, 238

HSL260, 60, 65249, 80, 67

CMYK33, 49, 0, 1448, 56, 0, 7

FamilyPurpleBlue

TemperatureCoolCool

ToneBalancedVibrant

Luminance0.22910.2028

Black contrast5.58:15.06:1

White contrast3.76:14.15:1

Shared tonesNone

Accessibility and Contrast

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

Medium Purpleblack text - 5.58:1

Medium Slate Blueblack text - 5.06:1

Related Palette Strip

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

Medium Purple#9370DB

Medium Slate Blue#7B68EE

#CBBAEE#CBBAEE

#C3BAF7#C3BAF7

#B8DB70#B8DB70

#DAEE68#DAEE68

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": "medium-purple",
    "name": "Medium Purple",
    "hex": "#9370DB",
    "rgb": [
      147,
      112,
      219
    ],
    "hsl": [
      260,
      60,
      65
    ],
    "cmyk": [
      33,
      49,
      0,
      14
    ],
    "family": "purple",
    "temperature": "cool",
    "tone": [
      "balanced"
    ],
    "luminance": 0.2291,
    "contrast": {
      "black": 5.58,
      "white": 3.76
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 5.58
    },
    "description": "Medium Purple is #9370DB, a cool purple color with balanced character. Compared with Medium Slate Blue, 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/medium-purple/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/medium-purple.json"
  },
  {
    "slug": "medium-slate-blue",
    "name": "Medium Slate Blue",
    "hex": "#7B68EE",
    "rgb": [
      123,
      104,
      238
    ],
    "hsl": [
      249,
      80,
      67
    ],
    "cmyk": [
      48,
      56,
      0,
      7
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "vibrant"
    ],
    "luminance": 0.2028,
    "contrast": {
      "black": 5.06,
      "white": 4.15
    },
    "wcag": {
      "AA": [
        "#000000"
      ],
      "AAA": []
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 5.06
    },
    "description": "Medium Slate Blue is #7B68EE, a cool blue color with vibrant character. Compared with Medium Purple, 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/medium-slate-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/medium-slate-blue.json"
  }
]

Differences

{
  "rgbDistance": 31.6,
  "contrastRatio": 1.1,
  "hslDelta": {
    "hue": 11,
    "saturation": 20,
    "lightness": 2
  },
  "luminanceDelta": 0.0263,
  "sameFamily": false,
  "sameTemperature": true,
  "sharedTones": [],
  "lighterColor": "Medium Purple",
  "moreSaturatedColor": "Medium Slate Blue"
}

Accessibility

{
  "pairContrastRatio": 1.1,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Medium Purple",
      "background": "#9370DB",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 5.58
    },
    {
      "color": "Medium Slate Blue",
      "background": "#7B68EE",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 5.06
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Medium Purple is better when the design needs balanced purple character, cool temperature, and the specific HEX value #9370DB.",
  "chooseSecondWhen": "Medium Slate Blue is better when the design needs vibrant blue character, cool temperature, and the specific HEX value #7B68EE.",
  "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/medium-purple-vs-medium-slate-blue.json",
  "https://www.colorsencyclopedia.com/api/colors/medium-purple.json",
  "https://www.colorsencyclopedia.com/api/colors/medium-slate-blue.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "medium-purple-vs-medium-slate-blue",
  "type": "nearest",
  "name": "Medium Purple vs Medium Slate Blue",
  "verdict": "Medium Purple and Medium Slate Blue are visually related colors. Medium Purple is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.1:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Medium Purple and Medium Slate Blue are different purple and blue colors with HEX values #9370DB and #7B68EE. According to Colors Encyclopedia, their RGB distance is 31.6, their contrast ratio is 1.1:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 31.6,
  "contrastRatio": 1.1,
  "colors": [
    {
      "slug": "medium-purple",
      "name": "Medium Purple",
      "hex": "#9370DB",
      "rgb": [
        147,
        112,
        219
      ],
      "hsl": [
        260,
        60,
        65
      ],
      "cmyk": [
        33,
        49,
        0,
        14
      ],
      "family": "purple",
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "luminance": 0.2291,
      "contrast": {
        "black": 5.58,
        "white": 3.76
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 5.58
      },
      "description": "Medium Purple is #9370DB, a cool purple color with balanced character. Compared with Medium Slate Blue, 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/medium-purple/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/medium-purple.json"
    },
    {
      "slug": "medium-slate-blue",
      "name": "Medium Slate Blue",
      "hex": "#7B68EE",
      "rgb": [
        123,
        104,
        238
      ],
      "hsl": [
        249,
        80,
        67
      ],
      "cmyk": [
        48,
        56,
        0,
        7
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "vibrant"
      ],
      "luminance": 0.2028,
      "contrast": {
        "black": 5.06,
        "white": 4.15
      },
      "wcag": {
        "AA": [
          "#000000"
        ],
        "AAA": []
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 5.06
      },
      "description": "Medium Slate Blue is #7B68EE, a cool blue color with vibrant character. Compared with Medium Purple, 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/medium-slate-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/medium-slate-blue.json"
    }
  ],
  "differences": {
    "rgbDistance": 31.6,
    "contrastRatio": 1.1,
    "hslDelta": {
      "hue": 11,
      "saturation": 20,
      "lightness": 2
    },
    "luminanceDelta": 0.0263,
    "sameFamily": false,
    "sameTemperature": true,
    "sharedTones": [],
    "lighterColor": "Medium Purple",
    "moreSaturatedColor": "Medium Slate Blue"
  },
  "accessibility": {
    "pairContrastRatio": 1.1,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Medium Purple",
        "background": "#9370DB",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 5.58
      },
      {
        "color": "Medium Slate Blue",
        "background": "#7B68EE",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 5.06
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Medium Purple is better when the design needs balanced purple character, cool temperature, and the specific HEX value #9370DB.",
    "chooseSecondWhen": "Medium Slate Blue is better when the design needs vibrant blue character, cool temperature, and the specific HEX value #7B68EE.",
    "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/medium-purple-vs-medium-slate-blue.json",
    "https://www.colorsencyclopedia.com/api/colors/medium-purple.json",
    "https://www.colorsencyclopedia.com/api/colors/medium-slate-blue.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/medium-purple-vs-medium-slate-blue/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/medium-purple-vs-medium-slate-blue.json"
}