#F8A300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f8a300 is a high-energy orange that feels bright and assertive. Because of its saturation, it works best as a punchy accent color rather than a large background field, which can quickly overwhelm a design. Try pairing it with deep charcoal or navy blue to anchor its intensity. The hex code for this aggressive, warm hue is #f8a300. It offers excellent contrast for black text.
Questions about #f8a300
What is #f8a300 in RGB, HSL and CMYK?
In RGB, #f8a300 is rgb(248, 163, 0), in HSL hsl(39, 100%, 49%) and in CMYK 0%, 34%, 100%, 3%.
What colors pair well with #f8a300 in a design?
Is #f8a300 suitable for large background fields?
Using #f8a300 as a large background field is generally discouraged because its high saturation can quickly fatigue the eyes and overwhelm other elements. Instead, reserve this aggressive hue for call-to-action buttons or small graphical accents to maintain visual comfort.
Is #f8a300 readable on white or black?
#f8a300 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.