#FA7A48 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy orange demands attention. Because it is so loud, #fa7a48 works best as a small accent rather than a full background color. Pair it with deep charcoal grays to create a sharp, readable contrast that feels modern and playful. The hex code for this shade is #fa7a48, and it provides enough contrast for black text to remain legible in most UI applications.
Questions about #fa7a48
What is #fa7a48 in RGB, HSL and CMYK?
In RGB, #fa7a48 is rgb(250, 122, 72), in HSL hsl(17, 95%, 63%) and in CMYK 0%, 51%, 71%, 2%.
What is the best way to use #fa7a48 in a UI design?
Because #fa7a48 is a loud, high-energy orange, it works best as a small interface accent rather than a background. Pair it with charcoal text or shapes to create a sharp, readable contrast that feels both modern and playful.
Is #fa7a48 readable on white or black?
#fa7a48 has a 2.64:1 contrast ratio on white and 7.94: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.