Nearest-color comparison

Bisque vs Champagne

Bisque and Champagne are different orange colors with HEX values #FFE4C4 and #F7E7CE. According to Colors Encyclopedia, their RGB distance is 13.2, their contrast ratio is 1.01:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

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

Differences Use cases Accessibility JSON

Bisque#FFE4C4

Champagne#F7E7CE

Quick Difference Summary

The main measurable differences between Bisque and Champagne across RGB distance, luminance, hue, saturation, and contrast.

RGB distance13.2

Pair contrast1.01:1

Luminance delta0.0065

Hue delta4 deg

Lighter colorChampagne

More saturatedBisque

Side-by-Side Color Profiles

orange color

Bisque

Bisque is #FFE4C4, a warm orange color with light and pastel character. Compared with Champagne, 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#FFE4C4 RGB255, 228, 196 HSL33, 100, 88 CMYK0, 11, 23, 0 Luminance0.8073 Best textblack text

Color page WCAG HEX atlas

orange color

Champagne

Champagne is #F7E7CE, a warm orange color with light and pastel character. Compared with Bisque, it is lighter and less saturated. Use it for highlight colors, editorial accents, and warm backgrounds, with black text as the safer foreground option.

HEX#F7E7CE RGB247, 231, 206 HSL37, 72, 89 CMYK0, 6, 17, 3 Luminance0.8138 Best textblack text

Color page WCAG HEX atlas

When to Use Bisque or Champagne

Choose BisqueBisque is better when the design needs light and pastel orange character, warm temperature, and the specific HEX value #FFE4C4.

Choose ChampagneChampagne is better when the design needs light and pastel orange character, warm temperature, and the specific HEX value #F7E7CE.

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

Technical Comparison Table

PropertyBisqueChampagne

HEX#FFE4C4#F7E7CE

RGB255, 228, 196247, 231, 206

HSL33, 100, 8837, 72, 89

CMYK0, 11, 23, 00, 6, 17, 3

FamilyOrangeOrange

TemperatureWarmWarm

ToneLight, PastelLight, Pastel

Luminance0.80730.8138

Black contrast17.15:117.28:1

White contrast1.22:11.22: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.

Bisqueblack text - 17.15:1

Champagneblack text - 17.28:1

Related Palette Strip

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

Bisque#FFE4C4

Champagne#F7E7CE

White#FFFFFF

#C2DDFF#C2DDFF

#CFDEF7#CFDEF7

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": "bisque",
    "name": "Bisque",
    "hex": "#FFE4C4",
    "rgb": [
      255,
      228,
      196
    ],
    "hsl": [
      33,
      100,
      88
    ],
    "cmyk": [
      0,
      11,
      23,
      0
    ],
    "family": "orange",
    "temperature": "warm",
    "tone": [
      "light",
      "pastel"
    ],
    "luminance": 0.8073,
    "contrast": {
      "black": 17.15,
      "white": 1.22
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 17.15
    },
    "description": "Bisque is #FFE4C4, a warm orange color with light and pastel character. Compared with Champagne, 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/bisque/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/bisque.json"
  },
  {
    "slug": "champagne",
    "name": "Champagne",
    "hex": "#F7E7CE",
    "rgb": [
      247,
      231,
      206
    ],
    "hsl": [
      37,
      72,
      89
    ],
    "cmyk": [
      0,
      6,
      17,
      3
    ],
    "family": "orange",
    "temperature": "warm",
    "tone": [
      "light",
      "pastel"
    ],
    "luminance": 0.8138,
    "contrast": {
      "black": 17.28,
      "white": 1.22
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 17.28
    },
    "description": "Champagne is #F7E7CE, a warm orange color with light and pastel character. Compared with Bisque, it is lighter and less saturated. Use it for highlight colors, editorial accents, and warm backgrounds, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/champagne/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/champagne.json"
  }
]

Differences

{
  "rgbDistance": 13.2,
  "contrastRatio": 1.01,
  "hslDelta": {
    "hue": 4,
    "saturation": 28,
    "lightness": 1
  },
  "luminanceDelta": 0.0065,
  "sameFamily": true,
  "sameTemperature": true,
  "sharedTones": [
    "light",
    "pastel"
  ],
  "lighterColor": "Champagne",
  "moreSaturatedColor": "Bisque"
}

Accessibility

{
  "pairContrastRatio": 1.01,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Bisque",
      "background": "#FFE4C4",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 17.15
    },
    {
      "color": "Champagne",
      "background": "#F7E7CE",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 17.28
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Bisque is better when the design needs light and pastel orange character, warm temperature, and the specific HEX value #FFE4C4.",
  "chooseSecondWhen": "Champagne is better when the design needs light and pastel orange character, warm temperature, and the specific HEX value #F7E7CE.",
  "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/bisque-vs-champagne.json",
  "https://www.colorsencyclopedia.com/api/colors/bisque.json",
  "https://www.colorsencyclopedia.com/api/colors/champagne.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "bisque-vs-champagne",
  "type": "nearest",
  "name": "Bisque vs Champagne",
  "verdict": "Bisque and Champagne are very close colors. Champagne is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.01:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Bisque and Champagne are different orange colors with HEX values #FFE4C4 and #F7E7CE. According to Colors Encyclopedia, their RGB distance is 13.2, their contrast ratio is 1.01:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 13.2,
  "contrastRatio": 1.01,
  "colors": [
    {
      "slug": "bisque",
      "name": "Bisque",
      "hex": "#FFE4C4",
      "rgb": [
        255,
        228,
        196
      ],
      "hsl": [
        33,
        100,
        88
      ],
      "cmyk": [
        0,
        11,
        23,
        0
      ],
      "family": "orange",
      "temperature": "warm",
      "tone": [
        "light",
        "pastel"
      ],
      "luminance": 0.8073,
      "contrast": {
        "black": 17.15,
        "white": 1.22
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 17.15
      },
      "description": "Bisque is #FFE4C4, a warm orange color with light and pastel character. Compared with Champagne, 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/bisque/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/bisque.json"
    },
    {
      "slug": "champagne",
      "name": "Champagne",
      "hex": "#F7E7CE",
      "rgb": [
        247,
        231,
        206
      ],
      "hsl": [
        37,
        72,
        89
      ],
      "cmyk": [
        0,
        6,
        17,
        3
      ],
      "family": "orange",
      "temperature": "warm",
      "tone": [
        "light",
        "pastel"
      ],
      "luminance": 0.8138,
      "contrast": {
        "black": 17.28,
        "white": 1.22
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 17.28
      },
      "description": "Champagne is #F7E7CE, a warm orange color with light and pastel character. Compared with Bisque, it is lighter and less saturated. Use it for highlight colors, editorial accents, and warm backgrounds, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/champagne/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/champagne.json"
    }
  ],
  "differences": {
    "rgbDistance": 13.2,
    "contrastRatio": 1.01,
    "hslDelta": {
      "hue": 4,
      "saturation": 28,
      "lightness": 1
    },
    "luminanceDelta": 0.0065,
    "sameFamily": true,
    "sameTemperature": true,
    "sharedTones": [
      "light",
      "pastel"
    ],
    "lighterColor": "Champagne",
    "moreSaturatedColor": "Bisque"
  },
  "accessibility": {
    "pairContrastRatio": 1.01,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Bisque",
        "background": "#FFE4C4",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 17.15
      },
      {
        "color": "Champagne",
        "background": "#F7E7CE",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 17.28
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Bisque is better when the design needs light and pastel orange character, warm temperature, and the specific HEX value #FFE4C4.",
    "chooseSecondWhen": "Champagne is better when the design needs light and pastel orange character, warm temperature, and the specific HEX value #F7E7CE.",
    "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/bisque-vs-champagne.json",
    "https://www.colorsencyclopedia.com/api/colors/bisque.json",
    "https://www.colorsencyclopedia.com/api/colors/champagne.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/bisque-vs-champagne/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/bisque-vs-champagne.json"
}