RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, orange symbolizes enthusiasm and creativity, often linked to autumn and harvest festivals. In contrast, in some Eastern cultures, it is seen as a sacred color, representing spirituality and auspiciousness, particularly in Hinduism.
The term 'orange' was first recorded in English in the 14th century, derived from the Old French 'orenge', which came from the Arabic 'nāranj', itself tracing back to the Persian 'nāranj'. It wasn't until the 16th century that the fruit and the color became widely recognized and linked.
Ranked by CIE76 ΔE — the perceptual distance from Orange. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 27 Oranges →Nine steps of Orange by lightness — from #854200 (darkest) to #FFBC7A (lightest). Click any to copy.
Sitting opposite Orange at 210° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Orange.
A 50–900 tonal scale with Orange 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: #FF7F00; color-mix(in srgb, #FF7F00 70%, white) 30°, 100%, 100% 0, 50, 100, 0 16744192 #FF6600 How Orange appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.