Lemon vs Yellow
#fff700 · #ffff00
Lemon#fff700
Yellow#ffff00
Lemon and Yellow are almost the same. Yellow is 1.7% lighter. It is more saturated. The hue differs by 2°.
Difference
CIEDE20002.12almost the same
Lightness+1.7%
Chroma+0.007
Hue+2°
Below 1 the eye cannot tell them apart, around 2.3 is the smallest visible step.
Codes
Lemon
- HEX
- RGB
- HSL
- OKLCH
Yellow
- HEX
- RGB
- HSL
- OKLCH
One on the other
AaLemon / Yellow1.05:1 · APCA Lc 0Below WCAG AA for text
AaYellow / Lemon1.05:1 · APCA Lc 0Below WCAG AA for text
In between
Halfway in OKLab: #fffb00
Questions and answers
What is the difference between Lemon and Yellow?
Lemon and Yellow are almost the same. Yellow is 1.7% lighter. It is more saturated. The hue differs by 2°. Their CIEDE2000 color difference is 2.12.
Is Yellow lighter than Lemon?
Yellow is 1.7% lighter. In OKLCH, Lemon has a lightness of 95.1% and Yellow 96.8%.
Can I put Lemon text on Yellow?
The contrast ratio between them is 1.05: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.