Gold vs Canary yellow
#ffd700 · #ffef00
Gold#ffd700
Canary yellow#ffef00
Gold and Canary yellow are similar. Canary yellow is 4.8% lighter. It is more saturated. The hue differs by 9°.
Difference
CIEDE20007.22similar
Lightness+4.8%
Chroma+0.016
Hue+9°
Below 1 the eye cannot tell them apart, around 2.3 is the smallest visible step.
Codes
Gold
- HEX
- RGB
- HSL
- OKLCH
Canary yellow
- HEX
- RGB
- HSL
- OKLCH
One on the other
AaGold / Canary yellow1.18:1 · APCA Lc 8Below WCAG AA for text
AaCanary yellow / Gold1.18:1 · APCA Lc -9Below WCAG AA for text
In between
Halfway in OKLab: #ffe300
Questions and answers
What is the difference between Gold and Canary yellow?
Gold and Canary yellow are similar. Canary yellow is 4.8% lighter. It is more saturated. The hue differs by 9°. Their CIEDE2000 color difference is 7.22.
Is Canary yellow lighter than Gold?
Canary yellow is 4.8% lighter. In OKLCH, Gold has a lightness of 88.7% and Canary yellow 93.5%.
Can I put Gold text on Canary yellow?
The contrast ratio between them is 1.18: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.