RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, yellow often symbolizes happiness and optimism, while in some Eastern traditions, it is associated with courage and nobility. Despite its positive connotations, in some contexts, yellow can also denote caution or cowardice.
The term 'yellow' originates from the Old English 'geolu', reflecting its ancient roots in language. Notably, in 1790, the renowned artist Thomas Gainsborough experimented with yellow pigments, helping to popularize their use in landscape painting during the 18th century.
Ranked by CIE76 ΔE — the perceptual distance from Yellow. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 29 Yellows →Nine steps of Yellow by lightness — from #858500 (darkest) to #FFFF7A (lightest). Click any to copy.
Sitting opposite Yellow at 240° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Yellow.
Brands and institutions known for using Yellow.
A 50–900 tonal scale with Yellow 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: yellow; color-mix(in srgb, yellow 70%, white) 60°, 100%, 100% 0, 0, 100, 0 16776960 #FFFF00 How Yellow appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.