Nearest-color comparison

Cornflower vs Medium Slate Blue

Cornflower and Medium Slate Blue are different blue colors with HEX values #6A8EDB and #7B68EE. According to Colors Encyclopedia, their RGB distance is 45.8, their contrast ratio is 1.29:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

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

Differences Use cases Accessibility JSON

Cornflower#6A8EDB

Medium Slate Blue#7B68EE

Quick Difference Summary

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

RGB distance45.8

Pair contrast1.29:1

Luminance delta0.0724

Hue delta28 deg

Lighter colorCornflower

More saturatedMedium Slate Blue

Side-by-Side Color Profiles

blue color

Cornflower

Cornflower is #6A8EDB, a cool blue color with balanced character. Compared with Medium Slate Blue, it is lighter and less saturated. Use it for interfaces, brand systems, and technical design, with black text as the safer foreground option.

HEX#6A8EDB RGB106, 142, 219 HSL221, 61, 64 CMYK52, 35, 0, 14 Luminance0.2752 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 Cornflower, 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 Cornflower or Medium Slate Blue

Choose CornflowerCornflower is better when the design needs balanced blue character, cool temperature, and the specific HEX value #6A8EDB.

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

PropertyCornflowerMedium Slate Blue

HEX#6A8EDB#7B68EE

RGB106, 142, 219123, 104, 238

HSL221, 61, 64249, 80, 67

CMYK52, 35, 0, 1448, 56, 0, 7

FamilyBlueBlue

TemperatureCoolCool

ToneBalancedVibrant

Luminance0.27520.2028

Black contrast6.5:15.06:1

White contrast3.23: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.

Cornflowerblack text - 6.5: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.

Cornflower#6A8EDB

Medium Slate Blue#7B68EE

#B5C7ED#B5C7ED

#C3BAF7#C3BAF7

#DBB86B#DBB86B

#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": "cornflower",
    "name": "Cornflower",
    "hex": "#6A8EDB",
    "rgb": [
      106,
      142,
      219
    ],
    "hsl": [
      221,
      61,
      64
    ],
    "cmyk": [
      52,
      35,
      0,
      14
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "balanced"
    ],
    "luminance": 0.2752,
    "contrast": {
      "black": 6.5,
      "white": 3.23
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 6.5
    },
    "description": "Cornflower is #6A8EDB, a cool blue color with balanced character. Compared with Medium Slate Blue, it is lighter and less saturated. Use it for interfaces, brand systems, and technical design, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/cornflower/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/cornflower.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 Cornflower, 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": 45.8,
  "contrastRatio": 1.29,
  "hslDelta": {
    "hue": 28,
    "saturation": 19,
    "lightness": 3
  },
  "luminanceDelta": 0.0724,
  "sameFamily": true,
  "sameTemperature": true,
  "sharedTones": [],
  "lighterColor": "Cornflower",
  "moreSaturatedColor": "Medium Slate Blue"
}

Accessibility

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

Use cases

{
  "chooseFirstWhen": "Cornflower is better when the design needs balanced blue character, cool temperature, and the specific HEX value #6A8EDB.",
  "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/cornflower-vs-medium-slate-blue.json",
  "https://www.colorsencyclopedia.com/api/colors/cornflower.json",
  "https://www.colorsencyclopedia.com/api/colors/medium-slate-blue.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "cornflower-vs-medium-slate-blue",
  "type": "nearest",
  "name": "Cornflower vs Medium Slate Blue",
  "verdict": "Cornflower and Medium Slate Blue are visually related colors. Cornflower is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.29:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Cornflower and Medium Slate Blue are different blue colors with HEX values #6A8EDB and #7B68EE. According to Colors Encyclopedia, their RGB distance is 45.8, their contrast ratio is 1.29:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 45.8,
  "contrastRatio": 1.29,
  "colors": [
    {
      "slug": "cornflower",
      "name": "Cornflower",
      "hex": "#6A8EDB",
      "rgb": [
        106,
        142,
        219
      ],
      "hsl": [
        221,
        61,
        64
      ],
      "cmyk": [
        52,
        35,
        0,
        14
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "luminance": 0.2752,
      "contrast": {
        "black": 6.5,
        "white": 3.23
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 6.5
      },
      "description": "Cornflower is #6A8EDB, a cool blue color with balanced character. Compared with Medium Slate Blue, it is lighter and less saturated. Use it for interfaces, brand systems, and technical design, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/cornflower/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/cornflower.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 Cornflower, 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": 45.8,
    "contrastRatio": 1.29,
    "hslDelta": {
      "hue": 28,
      "saturation": 19,
      "lightness": 3
    },
    "luminanceDelta": 0.0724,
    "sameFamily": true,
    "sameTemperature": true,
    "sharedTones": [],
    "lighterColor": "Cornflower",
    "moreSaturatedColor": "Medium Slate Blue"
  },
  "accessibility": {
    "pairContrastRatio": 1.29,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Cornflower",
        "background": "#6A8EDB",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 6.5
      },
      {
        "color": "Medium Slate Blue",
        "background": "#7B68EE",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 5.06
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Cornflower is better when the design needs balanced blue character, cool temperature, and the specific HEX value #6A8EDB.",
    "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/cornflower-vs-medium-slate-blue.json",
    "https://www.colorsencyclopedia.com/api/colors/cornflower.json",
    "https://www.colorsencyclopedia.com/api/colors/medium-slate-blue.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/cornflower-vs-medium-slate-blue/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/cornflower-vs-medium-slate-blue.json"
}