#F8A30E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, golden orange packs high saturation and a punchy, warm energy. Because it commands so much attention, use #f8a30e as an accent color rather than a main background to avoid visual fatigue. It pairs surprisingly well with deep charcoal or navy blue for a grounded, modern look. The hex code for this high-visibility shade is #f8a30e, which supports sharp black text for readability.
Questions about #f8a30e
What is #f8a30e in RGB, HSL and CMYK?
In RGB, #f8a30e is rgb(248, 163, 14), in HSL hsl(38, 94%, 51%) and in CMYK 0%, 34%, 94%, 3%.
What colors pair best with the #f8a30e golden orange?
Should #f8a30e be used as a primary background color?
Avoid using #f8a30e as a large-scale background color because its intense saturation can quickly cause visual fatigue for the viewer. Instead, reserve this punchy hue for buttons, call-to-action elements, or small graphic accents where you need to draw immediate attention.
Is #f8a30e readable on white or black?
#f8a30e has a 2.05:1 contrast ratio on white and 10.23: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.