RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, tangerine symbolizes happiness and creativity, often linked to warmth and enthusiasm. Contrastingly, in some Eastern traditions, orange hues can carry meanings of wealth and prosperity, reflecting a duality in its cultural significance.
The term 'tangerine' first appeared in English in the early 19th century, specifically around 1841, referring to the color of the fruit imported from Tangier, Morocco. The vibrant hue gained popularity in fashion and design, especially during the mid-20th century, when it became emblematic of the pop culture movements.
Ranked by CIE76 ΔE — the perceptual distance from Tangerine. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 27 Oranges →Nine steps of Tangerine by lightness — from #7E4500 (darkest) to #F8C07A (lightest). Click any to copy.
Sitting opposite Tangerine at 213° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Tangerine.
A 50–900 tonal scale with Tangerine 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: #F28500; color-mix(in srgb, #F28500 70%, white) 33°, 100%, 95% 0, 45, 100, 5 15893760 #FF9900 How Tangerine appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.