Orange Peel
A vivid and punchy high-energy orange
Orange Peel is a vivid, high-energy shade that demands attention. This intense orange works best as a punchy accent color rather than a large background, where it can easily overwhelm the eye. Pair it with deep charcoal or slate blue to ground its brightness. The hex code for Orange Peel is #ffa000, which offers excellent contrast when used with black text.
Questions about Orange Peel
What is the hex code for Orange Peel?
Orange Peel is #ffa000. In RGB that is rgb(255, 160, 0), in HSL hsl(38, 100%, 50%) and in CMYK 0%, 37%, 100%, 0%.
What colors pair best with Orange Peel #ffa000?
How can I use #ffa000 in UI design without it being too distracting?
Reserve #ffa000 exclusively for high-priority UI elements like call-to-action buttons, notification badges, or critical alert icons. Because this shade is so saturated, using it sparingly against a neutral, high-contrast background maintains visual interest without fatiguing the user's eye.
Is Orange Peel readable on white or black?
Orange Peel has a 2.04:1 contrast ratio on white and 10.28: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.