Nearest-color comparison

Electric Blue vs Light Sky Blue

Electric Blue and Light Sky Blue are different cyan and blue colors with HEX values #7DF9FF and #87CEFA. According to Colors Encyclopedia, their RGB distance is 44.4, their contrast ratio is 1.38:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

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

Differences Use cases Accessibility JSON

Electric Blue#7DF9FF

Light Sky Blue#87CEFA

Quick Difference Summary

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

RGB distance44.4

Pair contrast1.38:1

Luminance delta0.2313

Hue delta20 deg

Lighter colorElectric Blue

More saturatedElectric Blue

Side-by-Side Color Profiles

cyan color

Electric Blue

Electric Blue is #7DF9FF, a cool cyan color with pastel character. Compared with Light Sky Blue, it is lighter and more saturated. Use it for neon accents, event graphics, and high-energy digital design, with black text as the safer foreground option.

HEX#7DF9FF RGB125, 249, 255 HSL183, 100, 75 CMYK51, 2, 0, 0 Luminance0.7933 Best textblack text

Color page WCAG HEX atlas

blue color

Light Sky Blue

Light Sky Blue is #87CEFA, a cool blue color with pastel character. Compared with Electric Blue, it is darker and less saturated. Use it for web design, css color systems, and ui prototyping, with black text as the safer foreground option.

HEX#87CEFA RGB135, 206, 250 HSL203, 92, 75 CMYK46, 18, 0, 2 Luminance0.562 Best textblack text

Color page WCAG HEX atlas

When to Use Electric Blue or Light Sky Blue

Choose Electric BlueElectric Blue is better when the design needs pastel cyan character, cool temperature, and the specific HEX value #7DF9FF.

Choose Light Sky BlueLight Sky Blue is better when the design needs pastel blue character, cool temperature, and the specific HEX value #87CEFA.

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

Technical Comparison Table

PropertyElectric BlueLight Sky Blue

HEX#7DF9FF#87CEFA

RGB125, 249, 255135, 206, 250

HSL183, 100, 75203, 92, 75

CMYK51, 2, 0, 046, 18, 0, 2

FamilyCyanBlue

TemperatureCoolCool

TonePastelPastel

Luminance0.79330.562

Black contrast16.87:112.24:1

White contrast1.25:11.72:1

Shared tonesPastel

Accessibility and Contrast

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

Electric Blueblack text - 16.87:1

Light Sky Blueblack text - 12.24:1

Related Palette Strip

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

Electric Blue#7DF9FF

Light Sky Blue#87CEFA

#DBFDFF#DBFDFF

#DDF1FE#DDF1FE

#FF8680#FF8680

#FAB285#FAB285

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": "electric-blue",
    "name": "Electric Blue",
    "hex": "#7DF9FF",
    "rgb": [
      125,
      249,
      255
    ],
    "hsl": [
      183,
      100,
      75
    ],
    "cmyk": [
      51,
      2,
      0,
      0
    ],
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "pastel"
    ],
    "luminance": 0.7933,
    "contrast": {
      "black": 16.87,
      "white": 1.25
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 16.87
    },
    "description": "Electric Blue is #7DF9FF, a cool cyan color with pastel character. Compared with Light Sky Blue, it is lighter and more saturated. Use it for neon accents, event graphics, and high-energy digital design, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/electric-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/electric-blue.json"
  },
  {
    "slug": "light-sky-blue",
    "name": "Light Sky Blue",
    "hex": "#87CEFA",
    "rgb": [
      135,
      206,
      250
    ],
    "hsl": [
      203,
      92,
      75
    ],
    "cmyk": [
      46,
      18,
      0,
      2
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "pastel"
    ],
    "luminance": 0.562,
    "contrast": {
      "black": 12.24,
      "white": 1.72
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 12.24
    },
    "description": "Light Sky Blue is #87CEFA, a cool blue color with pastel character. Compared with Electric Blue, it is darker 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/light-sky-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-sky-blue.json"
  }
]

Differences

{
  "rgbDistance": 44.4,
  "contrastRatio": 1.38,
  "hslDelta": {
    "hue": 20,
    "saturation": 8,
    "lightness": 0
  },
  "luminanceDelta": 0.2313,
  "sameFamily": false,
  "sameTemperature": true,
  "sharedTones": [
    "pastel"
  ],
  "lighterColor": "Electric Blue",
  "moreSaturatedColor": "Electric Blue"
}

Accessibility

{
  "pairContrastRatio": 1.38,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Electric Blue",
      "background": "#7DF9FF",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 16.87
    },
    {
      "color": "Light Sky Blue",
      "background": "#87CEFA",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 12.24
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Electric Blue is better when the design needs pastel cyan character, cool temperature, and the specific HEX value #7DF9FF.",
  "chooseSecondWhen": "Light Sky Blue is better when the design needs pastel blue character, cool temperature, and the specific HEX value #87CEFA.",
  "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/electric-blue-vs-light-sky-blue.json",
  "https://www.colorsencyclopedia.com/api/colors/electric-blue.json",
  "https://www.colorsencyclopedia.com/api/colors/light-sky-blue.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "electric-blue-vs-light-sky-blue",
  "type": "nearest",
  "name": "Electric Blue vs Light Sky Blue",
  "verdict": "Electric Blue and Light Sky Blue are visually related colors. Electric Blue is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.38:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Electric Blue and Light Sky Blue are different cyan and blue colors with HEX values #7DF9FF and #87CEFA. According to Colors Encyclopedia, their RGB distance is 44.4, their contrast ratio is 1.38:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 44.4,
  "contrastRatio": 1.38,
  "colors": [
    {
      "slug": "electric-blue",
      "name": "Electric Blue",
      "hex": "#7DF9FF",
      "rgb": [
        125,
        249,
        255
      ],
      "hsl": [
        183,
        100,
        75
      ],
      "cmyk": [
        51,
        2,
        0,
        0
      ],
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "pastel"
      ],
      "luminance": 0.7933,
      "contrast": {
        "black": 16.87,
        "white": 1.25
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 16.87
      },
      "description": "Electric Blue is #7DF9FF, a cool cyan color with pastel character. Compared with Light Sky Blue, it is lighter and more saturated. Use it for neon accents, event graphics, and high-energy digital design, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/electric-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/electric-blue.json"
    },
    {
      "slug": "light-sky-blue",
      "name": "Light Sky Blue",
      "hex": "#87CEFA",
      "rgb": [
        135,
        206,
        250
      ],
      "hsl": [
        203,
        92,
        75
      ],
      "cmyk": [
        46,
        18,
        0,
        2
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "pastel"
      ],
      "luminance": 0.562,
      "contrast": {
        "black": 12.24,
        "white": 1.72
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 12.24
      },
      "description": "Light Sky Blue is #87CEFA, a cool blue color with pastel character. Compared with Electric Blue, it is darker 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/light-sky-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-sky-blue.json"
    }
  ],
  "differences": {
    "rgbDistance": 44.4,
    "contrastRatio": 1.38,
    "hslDelta": {
      "hue": 20,
      "saturation": 8,
      "lightness": 0
    },
    "luminanceDelta": 0.2313,
    "sameFamily": false,
    "sameTemperature": true,
    "sharedTones": [
      "pastel"
    ],
    "lighterColor": "Electric Blue",
    "moreSaturatedColor": "Electric Blue"
  },
  "accessibility": {
    "pairContrastRatio": 1.38,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Electric Blue",
        "background": "#7DF9FF",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 16.87
      },
      {
        "color": "Light Sky Blue",
        "background": "#87CEFA",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 12.24
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Electric Blue is better when the design needs pastel cyan character, cool temperature, and the specific HEX value #7DF9FF.",
    "chooseSecondWhen": "Light Sky Blue is better when the design needs pastel blue character, cool temperature, and the specific HEX value #87CEFA.",
    "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/electric-blue-vs-light-sky-blue.json",
    "https://www.colorsencyclopedia.com/api/colors/electric-blue.json",
    "https://www.colorsencyclopedia.com/api/colors/light-sky-blue.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/electric-blue-vs-light-sky-blue/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/electric-blue-vs-light-sky-blue.json"
}