Mustard vs Canary yellow
#ffdb58 · #ffef00
Mustard#ffdb58
Canary yellow#ffef00
Mustard and Canary yellow are similar. Canary yellow is 3.7% lighter. It is more saturated. The hue differs by 11°.
Difference
CIEDE20008.53similar
Lightness+3.7%
Chroma+0.047
Hue+11°
Below 1 the eye cannot tell them apart, around 2.3 is the smallest visible step.
Codes
Mustard
- HEX
- RGB
- HSL
- OKLCH
Canary yellow
- HEX
- RGB
- HSL
- OKLCH
One on the other
AaMustard / Canary yellow1.13:1 · APCA Lc 0Below WCAG AA for text
AaCanary yellow / Mustard1.13:1 · APCA Lc 0Below WCAG AA for text
In between
Halfway in OKLab: #ffe53f
Questions and answers
What is the difference between Mustard and Canary yellow?
Mustard and Canary yellow are similar. Canary yellow is 3.7% lighter. It is more saturated. The hue differs by 11°. Their CIEDE2000 color difference is 8.53.
Is Canary yellow lighter than Mustard?
Canary yellow is 3.7% lighter. In OKLCH, Mustard has a lightness of 89.8% and Canary yellow 93.5%.
Can I put Mustard text on Canary yellow?
The contrast ratio between them is 1.13: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.