RAL and NCS values are nearest equivalents, not official designations.
In many Western cultures, amber symbolizes wisdom and protection, often linked to the earth and nature. Conversely, in some Asian cultures, it is viewed as a representation of wealth and prosperity, highlighting its dual significance across different societies.
The term 'amber' comes from the Arabic word 'anbar', referring to a substance used in perfumery. In the 11th century, amber was highly valued in trade routes connecting Europe and Asia, with pieces found in ancient burial sites indicating its use as early as 3000 BCE.
Ranked by CIE76 ΔE — the perceptual distance from Amber. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 27 Oranges →Nine steps of Amber by lightness — from #856300 (darkest) to #FFDE7A (lightest). Click any to copy.
Sitting opposite Amber at 225° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Amber.
Brands and institutions known for using Amber.
A 50–900 tonal scale with Amber 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: #FFBF00; color-mix(in srgb, #FFBF00 70%, white) 45°, 100%, 100% 0, 25, 100, 0 16760576 #FFCC00 How Amber appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.