Mandarin Peel

A high-energy orange that demands attention

Mandarin Peel color codes graphic
Mandarin Peel is a high-saturation orange that demands attention. Because it is so bright and energetic, it works best as an accent color rather than a large background. Pair this warm hue with dark charcoal or deep navy for a striking contrast that keeps designs readable. The hex code for Mandarin Peel is #ff9f00, which offers excellent legibility against black text.

Questions about Mandarin Peel

What is the hex code for Mandarin Peel?
Mandarin Peel is #ff9f00. In RGB that is rgb(255, 159, 0), in HSL hsl(37, 100%, 50%) and in CMYK 0%, 38%, 100%, 0%.
Which colors pair best with Mandarin Peel #ff9f00?
This vibrant orange thrives when contrasted against deep, grounded tones like charcoal or navy. These darker, muted shades prevent the high-saturation orange from overwhelming your design, creating a sophisticated balance that remains readable and visually striking.
How should Mandarin Peel be used in user interface design?
Use Mandarin Peel as a deliberate accent color for call-to-action buttons or critical alerts rather than for large background areas. Its intense energy can quickly fatigue the eye, so applying it in small, strategic doses ensures the user stays focused.
Is Mandarin Peel readable on white or black?
Mandarin Peel has a 2.05:1 contrast ratio on white and 10.21: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.