Canary yellow vs Yellow
#ffef00 · #ffff00
Canary yellow#ffef00
Yellow#ffff00
Canary yellow and Yellow are similar. Yellow is 3.3% lighter. It is more saturated. The hue differs by 5°.
Difference
CIEDE20004.34similar
Lightness+3.3%
Chroma+0.013
Hue+5°
Below 1 the eye cannot tell them apart, around 2.3 is the smallest visible step.
Codes
Canary yellow
- HEX
- RGB
- HSL
- OKLCH
Yellow
- HEX
- RGB
- HSL
- OKLCH
One on the other
AaCanary yellow / Yellow1.11:1 · APCA Lc 0Below WCAG AA for text
AaYellow / Canary yellow1.11:1 · APCA Lc 0Below WCAG AA for text
In between
Halfway in OKLab: #fff700
Questions and answers
What is the difference between Canary yellow and Yellow?
Canary yellow and Yellow are similar. Yellow is 3.3% lighter. It is more saturated. The hue differs by 5°. Their CIEDE2000 color difference is 4.34.
Is Yellow lighter than Canary yellow?
Yellow is 3.3% lighter. In OKLCH, Canary yellow has a lightness of 93.5% and Yellow 96.8%.
Can I put Canary yellow text on Yellow?
The contrast ratio between them is 1.11:1. WCAG AA needs 4.5:1 for normal text and 3:1 for large text, so avoid it for text and use it for decoration only.