#FFA70F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy, neon orange is exceptionally vivid and demands attention. Because #ffa70f is so saturated, it works best as a sharp accent rather than a background color. It pairs surprisingly well with deep charcoal grays to create a modern, high-contrast look. The hex code for this glowing, warm shade is #ffa70f. Use it sparingly in your UI designs to draw eyes to call-to-action buttons.
Questions about #ffa70f
What is #ffa70f in RGB, HSL and CMYK?
In RGB, #ffa70f is rgb(255, 167, 15), in HSL hsl(38, 100%, 53%) and in CMYK 0%, 35%, 94%, 0%.
How can I use #ffa70f in UI design without overwhelming the viewer?
#ffa70f is best used as a high-impact accent color rather than a primary background or text color. Use it sparingly to draw the eye to essential interactive elements like buttons or notification badges to maintain visual balance and prevent eye strain.
What colors pair best with #ffa70f for a modern look?
This neon orange creates a striking, modern aesthetic when paired with charcoal or deep, dark neutrals. The high contrast between the intense orange and a grounded, muted gray ensures your design feels intentional, professional, and visually balanced rather than chaotic.
Is #ffa70f readable on white or black?
#ffa70f has a 1.94:1 contrast ratio on white and 10.78: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.