#FA7020 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Not a pastel and not a muted terracotta, this orange is loud, saturated, and full of heat. The hex code #fa7020 works best as an accent: buttons, highlights, badges, sale tags. As a full background it tires the eye, though black text on it hits about 7.4:1 contrast. Deep teal or charcoal keep it from overwhelming a palette.
Questions about #fa7020
What is #fa7020 in RGB, HSL and CMYK?
In RGB, #fa7020 is rgb(250, 112, 32), in HSL hsl(22, 96%, 55%) and in CMYK 0%, 55%, 87%, 2%.
What colors pair well with #fa7020?
Deep teal, charcoal, and navy all balance the heat of #fa7020 without competing with it. Cream softens it for food and lifestyle layouts, while near-black gives it a sporty, high-energy edge.
Is #fa7020 readable on white or black?
#fa7020 has a 2.83:1 contrast ratio on white and 7.40: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.