RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, citrine symbolizes prosperity and abundance, often associated with wealth. In contrast, in some Asian traditions, it is believed to bring good fortune and positive energy, making it a popular choice in feng shui practices.
The term 'citrine' is derived from the French word 'citron', meaning lemon, and has been used in jewelry since ancient times. Notably, in 300 BC, the Greeks valued citrine gemstones for their beauty and potential healing properties, establishing its significance in both aesthetic and symbolic contexts.
Ranked by CIE76 ΔE — the perceptual distance from Citrine. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 29 Yellows →Nine steps of Citrine by lightness — from #776C05 (darkest) to #F1E780 (lightest). Click any to copy.
Sitting opposite Citrine at 234° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Citrine.
A 50–900 tonal scale with Citrine 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: #E4D00A; color-mix(in srgb, #E4D00A 70%, white) 54°, 96%, 89% 0, 9, 96, 11 14995466 #CCCC00 How Citrine appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.