#F6A020 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation orange feels energetic and playful without tipping into neon territory. Because of its intensity, #f6a020 functions best as a 10% accent color rather than a large background, which can quickly overwhelm a design. Pair it with deep charcoal or navy text to ensure readability, as it maintains excellent contrast ratios. Use the hex code #f6a020 to add immediate, warm personality to buttons or callouts.
Questions about #f6a020
What is #f6a020 in RGB, HSL and CMYK?
In RGB, #f6a020 is rgb(246, 160, 32), in HSL hsl(36, 92%, 55%) and in CMYK 0%, 35%, 87%, 4%.
Should I use #f6a020 as a background color?
Avoid using #f6a020 as a large-scale background color because its high saturation and intensity quickly overwhelm the eye. It is most effective when reserved for small, targeted accent areas like call-to-action buttons or highlights where you need immediate, warm visual interest.
Is #f6a020 readable on white or black?
#f6a020 has a 2.10:1 contrast ratio on white and 9.96: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.