#F7A420 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy, golden orange carries a sun-drenched warmth that demands attention. Because it is highly saturated and intense, it works best as a punchy accent rather than a background color. Pair #f7a420 with deep charcoal or slate gray to ground its brightness. The hex code for this vivid shade is #f7a420, which provides excellent contrast for readable black text.
Questions about #f7a420
What is #f7a420 in RGB, HSL and CMYK?
In RGB, #f7a420 is rgb(247, 164, 32), in HSL hsl(37, 93%, 55%) and in CMYK 0%, 34%, 87%, 3%.
What colors work best when designing with #f7a420?
Should I use #f7a420 for text or backgrounds?
#f7a420 is generally too bright and high-energy for large background areas or body text. It is best reserved for call-to-action buttons, illustrative highlights, or small UI accents that need to immediately catch the user's eye without sacrificing overall readability.
Is #f7a420 readable on white or black?
#f7a420 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.