Nearest-color comparison

Light Yellow vs Old Lace

Light Yellow and Old Lace are different yellow and orange colors with HEX values #FFFFE0 and #FDF5E6. According to Colors Encyclopedia, their RGB distance is 11.8, their contrast ratio is 1.06:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

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

Differences Use cases Accessibility JSON

Light Yellow#FFFFE0

Old Lace#FDF5E6

Quick Difference Summary

The main measurable differences between Light Yellow and Old Lace across RGB distance, luminance, hue, saturation, and contrast.

RGB distance11.8

Pair contrast1.06:1

Luminance delta0.0626

Hue delta21 deg

Lighter colorLight Yellow

More saturatedLight Yellow

Side-by-Side Color Profiles

yellow color

Light Yellow

Light Yellow is #FFFFE0, a warm yellow color with light and pastel character. Compared with Old Lace, 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#FFFFE0 RGB255, 255, 224 HSL60, 100, 94 CMYK0, 0, 12, 0 Luminance0.9816 Best textblack text

Color page WCAG HEX atlas

orange color

Old Lace

Old Lace is #FDF5E6, a warm orange color with light and pastel character. Compared with Light Yellow, 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#FDF5E6 RGB253, 245, 230 HSL39, 85, 95 CMYK0, 3, 9, 1 Luminance0.919 Best textblack text

Color page WCAG HEX atlas

When to Use Light Yellow or Old Lace

Choose Light YellowLight Yellow is better when the design needs light and pastel yellow character, warm temperature, and the specific HEX value #FFFFE0.

Choose Old LaceOld Lace is better when the design needs light and pastel orange character, warm temperature, and the specific HEX value #FDF5E6.

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

Technical Comparison Table

PropertyLight YellowOld Lace

HEX#FFFFE0#FDF5E6

RGB255, 255, 224253, 245, 230

HSL60, 100, 9439, 85, 95

CMYK0, 0, 12, 00, 3, 9, 1

FamilyYellowOrange

TemperatureWarmWarm

ToneLight, PastelLight, Pastel

Luminance0.98160.919

Black contrast20.63:119.38:1

White contrast1.02:11.08: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.

Light Yellowblack text - 20.63:1

Old Laceblack text - 19.38:1

Related Palette Strip

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

Light Yellow#FFFFE0

Old Lace#FDF5E6

White#FFFFFF

#E0E0FF#E0E0FF

#E7EFFD#E7EFFD

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": "light-yellow",
    "name": "Light Yellow",
    "hex": "#FFFFE0",
    "rgb": [
      255,
      255,
      224
    ],
    "hsl": [
      60,
      100,
      94
    ],
    "cmyk": [
      0,
      0,
      12,
      0
    ],
    "family": "yellow",
    "temperature": "warm",
    "tone": [
      "light",
      "pastel"
    ],
    "luminance": 0.9816,
    "contrast": {
      "black": 20.63,
      "white": 1.02
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 20.63
    },
    "description": "Light Yellow is #FFFFE0, a warm yellow color with light and pastel character. Compared with Old Lace, 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/light-yellow/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-yellow.json"
  },
  {
    "slug": "old-lace",
    "name": "Old Lace",
    "hex": "#FDF5E6",
    "rgb": [
      253,
      245,
      230
    ],
    "hsl": [
      39,
      85,
      95
    ],
    "cmyk": [
      0,
      3,
      9,
      1
    ],
    "family": "orange",
    "temperature": "warm",
    "tone": [
      "light",
      "pastel"
    ],
    "luminance": 0.919,
    "contrast": {
      "black": 19.38,
      "white": 1.08
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 19.38
    },
    "description": "Old Lace is #FDF5E6, a warm orange color with light and pastel character. Compared with Light Yellow, 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/old-lace/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/old-lace.json"
  }
]

Differences

{
  "rgbDistance": 11.8,
  "contrastRatio": 1.06,
  "hslDelta": {
    "hue": 21,
    "saturation": 15,
    "lightness": 1
  },
  "luminanceDelta": 0.0626,
  "sameFamily": false,
  "sameTemperature": true,
  "sharedTones": [
    "light",
    "pastel"
  ],
  "lighterColor": "Light Yellow",
  "moreSaturatedColor": "Light Yellow"
}

Accessibility

{
  "pairContrastRatio": 1.06,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Light Yellow",
      "background": "#FFFFE0",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 20.63
    },
    {
      "color": "Old Lace",
      "background": "#FDF5E6",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 19.38
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Light Yellow is better when the design needs light and pastel yellow character, warm temperature, and the specific HEX value #FFFFE0.",
  "chooseSecondWhen": "Old Lace is better when the design needs light and pastel orange character, warm temperature, and the specific HEX value #FDF5E6.",
  "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/light-yellow-vs-old-lace.json",
  "https://www.colorsencyclopedia.com/api/colors/light-yellow.json",
  "https://www.colorsencyclopedia.com/api/colors/old-lace.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "light-yellow-vs-old-lace",
  "type": "nearest",
  "name": "Light Yellow vs Old Lace",
  "verdict": "Light Yellow and Old Lace are very close colors. Light Yellow is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.06:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Light Yellow and Old Lace are different yellow and orange colors with HEX values #FFFFE0 and #FDF5E6. According to Colors Encyclopedia, their RGB distance is 11.8, their contrast ratio is 1.06:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 11.8,
  "contrastRatio": 1.06,
  "colors": [
    {
      "slug": "light-yellow",
      "name": "Light Yellow",
      "hex": "#FFFFE0",
      "rgb": [
        255,
        255,
        224
      ],
      "hsl": [
        60,
        100,
        94
      ],
      "cmyk": [
        0,
        0,
        12,
        0
      ],
      "family": "yellow",
      "temperature": "warm",
      "tone": [
        "light",
        "pastel"
      ],
      "luminance": 0.9816,
      "contrast": {
        "black": 20.63,
        "white": 1.02
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 20.63
      },
      "description": "Light Yellow is #FFFFE0, a warm yellow color with light and pastel character. Compared with Old Lace, 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/light-yellow/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-yellow.json"
    },
    {
      "slug": "old-lace",
      "name": "Old Lace",
      "hex": "#FDF5E6",
      "rgb": [
        253,
        245,
        230
      ],
      "hsl": [
        39,
        85,
        95
      ],
      "cmyk": [
        0,
        3,
        9,
        1
      ],
      "family": "orange",
      "temperature": "warm",
      "tone": [
        "light",
        "pastel"
      ],
      "luminance": 0.919,
      "contrast": {
        "black": 19.38,
        "white": 1.08
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 19.38
      },
      "description": "Old Lace is #FDF5E6, a warm orange color with light and pastel character. Compared with Light Yellow, 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/old-lace/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/old-lace.json"
    }
  ],
  "differences": {
    "rgbDistance": 11.8,
    "contrastRatio": 1.06,
    "hslDelta": {
      "hue": 21,
      "saturation": 15,
      "lightness": 1
    },
    "luminanceDelta": 0.0626,
    "sameFamily": false,
    "sameTemperature": true,
    "sharedTones": [
      "light",
      "pastel"
    ],
    "lighterColor": "Light Yellow",
    "moreSaturatedColor": "Light Yellow"
  },
  "accessibility": {
    "pairContrastRatio": 1.06,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Light Yellow",
        "background": "#FFFFE0",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 20.63
      },
      {
        "color": "Old Lace",
        "background": "#FDF5E6",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 19.38
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Light Yellow is better when the design needs light and pastel yellow character, warm temperature, and the specific HEX value #FFFFE0.",
    "chooseSecondWhen": "Old Lace is better when the design needs light and pastel orange character, warm temperature, and the specific HEX value #FDF5E6.",
    "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/light-yellow-vs-old-lace.json",
    "https://www.colorsencyclopedia.com/api/colors/light-yellow.json",
    "https://www.colorsencyclopedia.com/api/colors/old-lace.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/light-yellow-vs-old-lace/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/light-yellow-vs-old-lace.json"
}