Nearest-color comparison

Cadmium Yellow vs Canary Yellow

Cadmium Yellow and Canary Yellow are different yellow colors with HEX values #FFF600 and #FFEF00. According to Colors Encyclopedia, their RGB distance is 7, their contrast ratio is 1.05:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

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

Differences Use cases Accessibility JSON

Cadmium Yellow#FFF600

Canary Yellow#FFEF00

Quick Difference Summary

The main measurable differences between Cadmium Yellow and Canary Yellow across RGB distance, luminance, hue, saturation, and contrast.

RGB distance7

Pair contrast1.05:1

Luminance delta0.0418

Hue delta2 deg

Lighter colorCadmium Yellow

More saturatedCadmium Yellow

Side-by-Side Color Profiles

yellow color

Cadmium Yellow

Cadmium Yellow is #FFF600, a warm yellow color with vibrant character. Compared with Canary Yellow, it is lighter and similar in saturation. Use it for historical references, pigment palettes, and cultural color systems, with black text as the safer foreground option.

HEX#FFF600 RGB255, 246, 0 HSL58, 100, 50 CMYK0, 4, 100, 0 Luminance0.8717 Best textblack text

Color page WCAG HEX atlas

yellow color

Canary Yellow

Canary Yellow is #FFEF00, a warm yellow color with vibrant character. Compared with Cadmium Yellow, it is darker and similar in saturation. Use it for highlight colors, editorial accents, and warm backgrounds, with black text as the safer foreground option.

HEX#FFEF00 RGB255, 239, 0 HSL56, 100, 50 CMYK0, 6, 100, 0 Luminance0.8299 Best textblack text

Color page WCAG HEX atlas

When to Use Cadmium Yellow or Canary Yellow

Choose Cadmium YellowCadmium Yellow is better when the design needs vibrant yellow character, warm temperature, and the specific HEX value #FFF600.

Choose Canary YellowCanary Yellow is better when the design needs vibrant yellow character, warm temperature, and the specific HEX value #FFEF00.

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

Technical Comparison Table

PropertyCadmium YellowCanary Yellow

HEX#FFF600#FFEF00

RGB255, 246, 0255, 239, 0

HSL58, 100, 5056, 100, 50

CMYK0, 4, 100, 00, 6, 100, 0

FamilyYellowYellow

TemperatureWarmWarm

ToneVibrantVibrant

Luminance0.87170.8299

Black contrast18.43:117.6:1

White contrast1.14:11.19:1

Shared tonesVibrant

Accessibility and Contrast

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

Cadmium Yellowblack text - 18.43:1

Canary Yellowblack text - 17.6:1

Related Palette Strip

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

Cadmium Yellow#FFF600

Canary Yellow#FFEF00

#FFFA5C#FFFA5C

#FFF45C#FFF45C

#0008FF#0008FF

#0011FF#0011FF

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": "cadmium-yellow",
    "name": "Cadmium Yellow",
    "hex": "#FFF600",
    "rgb": [
      255,
      246,
      0
    ],
    "hsl": [
      58,
      100,
      50
    ],
    "cmyk": [
      0,
      4,
      100,
      0
    ],
    "family": "yellow",
    "temperature": "warm",
    "tone": [
      "vibrant"
    ],
    "luminance": 0.8717,
    "contrast": {
      "black": 18.43,
      "white": 1.14
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 18.43
    },
    "description": "Cadmium Yellow is #FFF600, a warm yellow color with vibrant character. Compared with Canary Yellow, it is lighter and similar in saturation. Use it for historical references, pigment palettes, and cultural color systems, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/cadmium-yellow/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/cadmium-yellow.json"
  },
  {
    "slug": "canary-yellow",
    "name": "Canary Yellow",
    "hex": "#FFEF00",
    "rgb": [
      255,
      239,
      0
    ],
    "hsl": [
      56,
      100,
      50
    ],
    "cmyk": [
      0,
      6,
      100,
      0
    ],
    "family": "yellow",
    "temperature": "warm",
    "tone": [
      "vibrant"
    ],
    "luminance": 0.8299,
    "contrast": {
      "black": 17.6,
      "white": 1.19
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 17.6
    },
    "description": "Canary Yellow is #FFEF00, a warm yellow color with vibrant character. Compared with Cadmium Yellow, it is darker and similar in saturation. Use it for highlight colors, editorial accents, and warm backgrounds, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/canary-yellow/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/canary-yellow.json"
  }
]

Differences

{
  "rgbDistance": 7,
  "contrastRatio": 1.05,
  "hslDelta": {
    "hue": 2,
    "saturation": 0,
    "lightness": 0
  },
  "luminanceDelta": 0.0418,
  "sameFamily": true,
  "sameTemperature": true,
  "sharedTones": [
    "vibrant"
  ],
  "lighterColor": "Cadmium Yellow",
  "moreSaturatedColor": "Cadmium Yellow"
}

Accessibility

{
  "pairContrastRatio": 1.05,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Cadmium Yellow",
      "background": "#FFF600",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 18.43
    },
    {
      "color": "Canary Yellow",
      "background": "#FFEF00",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 17.6
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Cadmium Yellow is better when the design needs vibrant yellow character, warm temperature, and the specific HEX value #FFF600.",
  "chooseSecondWhen": "Canary Yellow is better when the design needs vibrant yellow character, warm temperature, and the specific HEX value #FFEF00.",
  "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/cadmium-yellow-vs-canary-yellow.json",
  "https://www.colorsencyclopedia.com/api/colors/cadmium-yellow.json",
  "https://www.colorsencyclopedia.com/api/colors/canary-yellow.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "cadmium-yellow-vs-canary-yellow",
  "type": "nearest",
  "name": "Cadmium Yellow vs Canary Yellow",
  "verdict": "Cadmium Yellow and Canary Yellow are very close colors. Cadmium Yellow is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.05:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Cadmium Yellow and Canary Yellow are different yellow colors with HEX values #FFF600 and #FFEF00. According to Colors Encyclopedia, their RGB distance is 7, their contrast ratio is 1.05:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 7,
  "contrastRatio": 1.05,
  "colors": [
    {
      "slug": "cadmium-yellow",
      "name": "Cadmium Yellow",
      "hex": "#FFF600",
      "rgb": [
        255,
        246,
        0
      ],
      "hsl": [
        58,
        100,
        50
      ],
      "cmyk": [
        0,
        4,
        100,
        0
      ],
      "family": "yellow",
      "temperature": "warm",
      "tone": [
        "vibrant"
      ],
      "luminance": 0.8717,
      "contrast": {
        "black": 18.43,
        "white": 1.14
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 18.43
      },
      "description": "Cadmium Yellow is #FFF600, a warm yellow color with vibrant character. Compared with Canary Yellow, it is lighter and similar in saturation. Use it for historical references, pigment palettes, and cultural color systems, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/cadmium-yellow/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/cadmium-yellow.json"
    },
    {
      "slug": "canary-yellow",
      "name": "Canary Yellow",
      "hex": "#FFEF00",
      "rgb": [
        255,
        239,
        0
      ],
      "hsl": [
        56,
        100,
        50
      ],
      "cmyk": [
        0,
        6,
        100,
        0
      ],
      "family": "yellow",
      "temperature": "warm",
      "tone": [
        "vibrant"
      ],
      "luminance": 0.8299,
      "contrast": {
        "black": 17.6,
        "white": 1.19
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 17.6
      },
      "description": "Canary Yellow is #FFEF00, a warm yellow color with vibrant character. Compared with Cadmium Yellow, it is darker and similar in saturation. Use it for highlight colors, editorial accents, and warm backgrounds, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/canary-yellow/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/canary-yellow.json"
    }
  ],
  "differences": {
    "rgbDistance": 7,
    "contrastRatio": 1.05,
    "hslDelta": {
      "hue": 2,
      "saturation": 0,
      "lightness": 0
    },
    "luminanceDelta": 0.0418,
    "sameFamily": true,
    "sameTemperature": true,
    "sharedTones": [
      "vibrant"
    ],
    "lighterColor": "Cadmium Yellow",
    "moreSaturatedColor": "Cadmium Yellow"
  },
  "accessibility": {
    "pairContrastRatio": 1.05,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Cadmium Yellow",
        "background": "#FFF600",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 18.43
      },
      {
        "color": "Canary Yellow",
        "background": "#FFEF00",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 17.6
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Cadmium Yellow is better when the design needs vibrant yellow character, warm temperature, and the specific HEX value #FFF600.",
    "chooseSecondWhen": "Canary Yellow is better when the design needs vibrant yellow character, warm temperature, and the specific HEX value #FFEF00.",
    "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/cadmium-yellow-vs-canary-yellow.json",
    "https://www.colorsencyclopedia.com/api/colors/cadmium-yellow.json",
    "https://www.colorsencyclopedia.com/api/colors/canary-yellow.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/cadmium-yellow-vs-canary-yellow/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/cadmium-yellow-vs-canary-yellow.json"
}