Citrine
Online color picker to view shades, tints, color codes, and complementary colors
Citrine is an intense, sparkling yellow with a warm, golden quality. Because of its high saturation and energy, this color works best as a punchy 10% accent rather than a full background. It pairs exceptionally well with charcoal gray or deep navy to ground its brightness. The hex code for Citrine is #e4d00a, and black text remains highly legible against this tone.
Questions about Citrine
What is the hex code for Citrine?
Citrine is #e4d00a. In RGB that is rgb(228, 208, 10), in HSL hsl(54, 92%, 47%) and in CMYK 0%, 9%, 96%, 11%.
What colors pair best with Citrine #e4d00a?
Citrine functions as a high-energy accent, so it pairs best with grounded, neutral tones like charcoal or deep navy. These dark shades provide the necessary visual weight to anchor the intense, sparkling brightness of the yellow without overwhelming the design.
Is Citrine readable on white or black?
Citrine has a 1.57:1 contrast ratio on white and 13.32:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.