Nearest-color comparison

Cornflower vs Cornflower Blue

Cornflower and Cornflower Blue are different blue colors with HEX values #6A8EDB and #6495ED. According to Colors Encyclopedia, their RGB distance is 20.2, their contrast ratio is 1.09:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

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

Differences Use cases Accessibility JSON

Cornflower#6A8EDB

Cornflower Blue#6495ED

Quick Difference Summary

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

RGB distance20.2

Pair contrast1.09:1

Luminance delta0.028

Hue delta2 deg

Lighter colorCornflower Blue

More saturatedCornflower Blue

Side-by-Side Color Profiles

blue color

Cornflower

Cornflower is #6A8EDB, a cool blue color with balanced character. Compared with Cornflower Blue, it is darker 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

Cornflower Blue

Cornflower Blue is #6495ED, a cool blue color with vibrant character. Compared with Cornflower, it is lighter and more saturated. Use it for web design, css color systems, and ui prototyping, with black text as the safer foreground option.

HEX#6495ED RGB100, 149, 237 HSL219, 79, 66 CMYK58, 37, 0, 7 Luminance0.3032 Best textblack text

Color page WCAG HEX atlas

When to Use Cornflower or Cornflower Blue

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

Choose Cornflower BlueCornflower Blue is better when the design needs vibrant blue character, cool temperature, and the specific HEX value #6495ED.

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

Technical Comparison Table

PropertyCornflowerCornflower Blue

HEX#6A8EDB#6495ED

RGB106, 142, 219100, 149, 237

HSL221, 61, 64219, 79, 66

CMYK52, 35, 0, 1458, 37, 0, 7

FamilyBlueBlue

TemperatureCoolCool

ToneBalancedVibrant

Luminance0.27520.3032

Black contrast6.5:17.06:1

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

Cornflower Blueblack text - 7.06:1

Related Palette Strip

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

Cornflower#6A8EDB

Cornflower Blue#6495ED

#B5C7ED#B5C7ED

#B6CDF6#B6CDF6

#DBB86B#DBB86B

#EDBD64#EDBD64

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 Cornflower Blue, it is darker 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": "cornflower-blue",
    "name": "Cornflower Blue",
    "hex": "#6495ED",
    "rgb": [
      100,
      149,
      237
    ],
    "hsl": [
      219,
      79,
      66
    ],
    "cmyk": [
      58,
      37,
      0,
      7
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "vibrant"
    ],
    "luminance": 0.3032,
    "contrast": {
      "black": 7.06,
      "white": 2.97
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 7.06
    },
    "description": "Cornflower Blue is #6495ED, a cool blue color with vibrant character. Compared with Cornflower, it is lighter 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/cornflower-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/cornflower-blue.json"
  }
]

Differences

{
  "rgbDistance": 20.2,
  "contrastRatio": 1.09,
  "hslDelta": {
    "hue": 2,
    "saturation": 18,
    "lightness": 2
  },
  "luminanceDelta": 0.028,
  "sameFamily": true,
  "sameTemperature": true,
  "sharedTones": [],
  "lighterColor": "Cornflower Blue",
  "moreSaturatedColor": "Cornflower Blue"
}

Accessibility

{
  "pairContrastRatio": 1.09,
  "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": "Cornflower Blue",
      "background": "#6495ED",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 7.06
    }
  ]
}

Use cases

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

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "cornflower-vs-cornflower-blue",
  "type": "nearest",
  "name": "Cornflower vs Cornflower Blue",
  "verdict": "Cornflower and Cornflower Blue are very close colors. Cornflower Blue is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.09:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Cornflower and Cornflower Blue are different blue colors with HEX values #6A8EDB and #6495ED. According to Colors Encyclopedia, their RGB distance is 20.2, their contrast ratio is 1.09:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 20.2,
  "contrastRatio": 1.09,
  "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 Cornflower Blue, it is darker 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": "cornflower-blue",
      "name": "Cornflower Blue",
      "hex": "#6495ED",
      "rgb": [
        100,
        149,
        237
      ],
      "hsl": [
        219,
        79,
        66
      ],
      "cmyk": [
        58,
        37,
        0,
        7
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "vibrant"
      ],
      "luminance": 0.3032,
      "contrast": {
        "black": 7.06,
        "white": 2.97
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 7.06
      },
      "description": "Cornflower Blue is #6495ED, a cool blue color with vibrant character. Compared with Cornflower, it is lighter 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/cornflower-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/cornflower-blue.json"
    }
  ],
  "differences": {
    "rgbDistance": 20.2,
    "contrastRatio": 1.09,
    "hslDelta": {
      "hue": 2,
      "saturation": 18,
      "lightness": 2
    },
    "luminanceDelta": 0.028,
    "sameFamily": true,
    "sameTemperature": true,
    "sharedTones": [],
    "lighterColor": "Cornflower Blue",
    "moreSaturatedColor": "Cornflower Blue"
  },
  "accessibility": {
    "pairContrastRatio": 1.09,
    "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": "Cornflower Blue",
        "background": "#6495ED",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 7.06
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Cornflower is better when the design needs balanced blue character, cool temperature, and the specific HEX value #6A8EDB.",
    "chooseSecondWhen": "Cornflower Blue is better when the design needs vibrant blue character, cool temperature, and the specific HEX value #6495ED.",
    "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-cornflower-blue.json",
    "https://www.colorsencyclopedia.com/api/colors/cornflower.json",
    "https://www.colorsencyclopedia.com/api/colors/cornflower-blue.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/cornflower-vs-cornflower-blue/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/cornflower-vs-cornflower-blue.json"
}