Nearest-color comparison

Periwinkle vs Arctic Blue

Periwinkle and Arctic Blue are different blue colors with HEX values #CCCCFF and #C6E6FB. According to Colors Encyclopedia, their RGB distance is 27, their contrast ratio is 1.18:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

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

Differences Use cases Accessibility JSON

Periwinkle#CCCCFF

Arctic Blue#C6E6FB

Quick Difference Summary

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

RGB distance27

Pair contrast1.18:1

Luminance delta0.1232

Hue delta36 deg

Lighter colorArctic Blue

More saturatedPeriwinkle

Side-by-Side Color Profiles

blue color

Periwinkle

Periwinkle is #CCCCFF, a cool blue color with light and pastel character. Compared with Arctic Blue, it is darker and more saturated. Use it for beauty branding, creative systems, and premium accents, with black text as the safer foreground option.

HEX#CCCCFF RGB204, 204, 255 HSL240, 100, 90 CMYK20, 20, 0, 0 Luminance0.6324 Best textblack text

Color page WCAG HEX atlas

blue color

Arctic Blue

Arctic Blue is #C6E6FB, a cool blue color with light and pastel character. Compared with Periwinkle, it is lighter and less saturated. Use it for interfaces, brand systems, and technical design, with black text as the safer foreground option.

HEX#C6E6FB RGB198, 230, 251 HSL204, 87, 88 CMYK21, 8, 0, 2 Luminance0.7556 Best textblack text

Color page WCAG HEX atlas

When to Use Periwinkle or Arctic Blue

Choose PeriwinklePeriwinkle is better when the design needs light and pastel blue character, cool temperature, and the specific HEX value #CCCCFF.

Choose Arctic BlueArctic Blue is better when the design needs light and pastel blue character, cool temperature, and the specific HEX value #C6E6FB.

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

Technical Comparison Table

PropertyPeriwinkleArctic Blue

HEX#CCCCFF#C6E6FB

RGB204, 204, 255198, 230, 251

HSL240, 100, 90204, 87, 88

CMYK20, 20, 0, 021, 8, 0, 2

FamilyBlueBlue

TemperatureCoolCool

ToneLight, PastelLight, Pastel

Luminance0.63240.7556

Black contrast13.65:116.11:1

White contrast1.54:11.3:1

Shared tonesLight, Pastel

Accessibility and Contrast

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

Periwinkleblack text - 13.65:1

Arctic Blueblack text - 16.11:1

Related Palette Strip

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

Periwinkle#CCCCFF

Arctic Blue#C6E6FB

White#FFFFFF

#FFFFCC#FFFFCC

#FBDBC6#FBDBC6

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": "periwinkle",
    "name": "Periwinkle",
    "hex": "#CCCCFF",
    "rgb": [
      204,
      204,
      255
    ],
    "hsl": [
      240,
      100,
      90
    ],
    "cmyk": [
      20,
      20,
      0,
      0
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "light",
      "pastel"
    ],
    "luminance": 0.6324,
    "contrast": {
      "black": 13.65,
      "white": 1.54
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 13.65
    },
    "description": "Periwinkle is #CCCCFF, a cool blue color with light and pastel character. Compared with Arctic Blue, it is darker and more saturated. Use it for beauty branding, creative systems, and premium accents, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/periwinkle/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/periwinkle.json"
  },
  {
    "slug": "arctic-blue",
    "name": "Arctic Blue",
    "hex": "#C6E6FB",
    "rgb": [
      198,
      230,
      251
    ],
    "hsl": [
      204,
      87,
      88
    ],
    "cmyk": [
      21,
      8,
      0,
      2
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "light",
      "pastel"
    ],
    "luminance": 0.7556,
    "contrast": {
      "black": 16.11,
      "white": 1.3
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 16.11
    },
    "description": "Arctic Blue is #C6E6FB, a cool blue color with light and pastel character. Compared with Periwinkle, 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/arctic-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/arctic-blue.json"
  }
]

Differences

{
  "rgbDistance": 27,
  "contrastRatio": 1.18,
  "hslDelta": {
    "hue": 36,
    "saturation": 13,
    "lightness": 2
  },
  "luminanceDelta": 0.1232,
  "sameFamily": true,
  "sameTemperature": true,
  "sharedTones": [
    "light",
    "pastel"
  ],
  "lighterColor": "Arctic Blue",
  "moreSaturatedColor": "Periwinkle"
}

Accessibility

{
  "pairContrastRatio": 1.18,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Periwinkle",
      "background": "#CCCCFF",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 13.65
    },
    {
      "color": "Arctic Blue",
      "background": "#C6E6FB",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 16.11
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Periwinkle is better when the design needs light and pastel blue character, cool temperature, and the specific HEX value #CCCCFF.",
  "chooseSecondWhen": "Arctic Blue is better when the design needs light and pastel blue character, cool temperature, and the specific HEX value #C6E6FB.",
  "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/periwinkle-vs-arctic-blue.json",
  "https://www.colorsencyclopedia.com/api/colors/periwinkle.json",
  "https://www.colorsencyclopedia.com/api/colors/arctic-blue.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "periwinkle-vs-arctic-blue",
  "type": "nearest",
  "name": "Periwinkle vs Arctic Blue",
  "verdict": "Periwinkle and Arctic Blue are visually related colors. Arctic Blue is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.18:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Periwinkle and Arctic Blue are different blue colors with HEX values #CCCCFF and #C6E6FB. According to Colors Encyclopedia, their RGB distance is 27, their contrast ratio is 1.18:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 27,
  "contrastRatio": 1.18,
  "colors": [
    {
      "slug": "periwinkle",
      "name": "Periwinkle",
      "hex": "#CCCCFF",
      "rgb": [
        204,
        204,
        255
      ],
      "hsl": [
        240,
        100,
        90
      ],
      "cmyk": [
        20,
        20,
        0,
        0
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "light",
        "pastel"
      ],
      "luminance": 0.6324,
      "contrast": {
        "black": 13.65,
        "white": 1.54
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 13.65
      },
      "description": "Periwinkle is #CCCCFF, a cool blue color with light and pastel character. Compared with Arctic Blue, it is darker and more saturated. Use it for beauty branding, creative systems, and premium accents, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/periwinkle/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/periwinkle.json"
    },
    {
      "slug": "arctic-blue",
      "name": "Arctic Blue",
      "hex": "#C6E6FB",
      "rgb": [
        198,
        230,
        251
      ],
      "hsl": [
        204,
        87,
        88
      ],
      "cmyk": [
        21,
        8,
        0,
        2
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "light",
        "pastel"
      ],
      "luminance": 0.7556,
      "contrast": {
        "black": 16.11,
        "white": 1.3
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 16.11
      },
      "description": "Arctic Blue is #C6E6FB, a cool blue color with light and pastel character. Compared with Periwinkle, 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/arctic-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/arctic-blue.json"
    }
  ],
  "differences": {
    "rgbDistance": 27,
    "contrastRatio": 1.18,
    "hslDelta": {
      "hue": 36,
      "saturation": 13,
      "lightness": 2
    },
    "luminanceDelta": 0.1232,
    "sameFamily": true,
    "sameTemperature": true,
    "sharedTones": [
      "light",
      "pastel"
    ],
    "lighterColor": "Arctic Blue",
    "moreSaturatedColor": "Periwinkle"
  },
  "accessibility": {
    "pairContrastRatio": 1.18,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Periwinkle",
        "background": "#CCCCFF",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 13.65
      },
      {
        "color": "Arctic Blue",
        "background": "#C6E6FB",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 16.11
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Periwinkle is better when the design needs light and pastel blue character, cool temperature, and the specific HEX value #CCCCFF.",
    "chooseSecondWhen": "Arctic Blue is better when the design needs light and pastel blue character, cool temperature, and the specific HEX value #C6E6FB.",
    "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/periwinkle-vs-arctic-blue.json",
    "https://www.colorsencyclopedia.com/api/colors/periwinkle.json",
    "https://www.colorsencyclopedia.com/api/colors/arctic-blue.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/periwinkle-vs-arctic-blue/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/periwinkle-vs-arctic-blue.json"
}