#F96520 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated orange demands attention with its intense, beaming energy. Because of its extreme brightness, #f96520 works best as a targeted accent color rather than a large-scale background. It pairs exceptionally well with deep charcoal grays to create a modern, high-contrast look. Use this hex code for call-to-action buttons or highlights where you need to guide the user’s eye immediately.
Questions about #f96520
What is #f96520 in RGB, HSL and CMYK?
In RGB, #f96520 is rgb(249, 101, 32), in HSL hsl(19, 95%, 55%) and in CMYK 0%, 59%, 87%, 2%.
What colors pair best with #f96520?
Deep charcoal or dark slate grays provide the necessary visual weight to anchor #f96520, creating a clean and modern contrast. Avoid using other bright, warm colors alongside it, as they will compete for attention and reduce the impact of your call-to-action buttons.
Is #f96520 suitable for large backgrounds?
Using #f96520 as a large-scale background is generally not recommended because its high saturation and beaming intensity can overwhelm the viewer and cause eye strain. Reserve this shade for small, impactful elements like buttons, badges, or navigational icons where you need to guide user focus.
Is #f96520 readable on white or black?
#f96520 has a 3.03:1 contrast ratio on white and 6.91:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.