In Western cultures, canary symbolizes joy and optimism, often associated with springtime and renewal. Conversely, in some Asian cultures, yellow can represent courage and nobility, showcasing its multifaceted significance across different societies.
The term 'canary yellow' emerged in the 19th century, directly referencing the vibrant feathers of the canary bird, which became popular as pets in Europe. This bright shade gained prominence in fashion and design, particularly in the Art Deco movement of the 1920s.
Ranked by CIE76 ΔE — the perceptual distance from Canary. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 29 Yellows →Nine steps of Canary by lightness — from #858550 (darkest) to #FFFFCA (lightest). Click any to copy.
Sitting opposite Canary at 240° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Canary.
A 50–900 tonal scale with Canary anchored at 500 — ready to drop into a design system. Click any step to copy.
Works well as text on dark backgrounds; fails on light.
Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.
Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.
color: #FFFF99; color-mix(in srgb, #FFFF99 70%, white) 60°, 40%, 100% 0, 0, 40, 0 16777113 #FFFF99 How Canary appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.