#FA5214 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #fa5214 graphic
High-octane and unapologetic, #fa5214 commands attention with its intense, saturated warmth. This bold orange-red is best reserved for small accents or urgent calls to action rather than large background areas, where its brightness can quickly overwhelm a design. It pairs well against deep charcoals or cool navies. With a strong contrast ratio of 6.3:1, black text remains perfectly legible atop this hex code.

Questions about #fa5214

What is #fa5214 in RGB, HSL and CMYK?
In RGB, #fa5214 is rgb(250, 82, 20), in HSL hsl(16, 96%, 53%) and in CMYK 0%, 67%, 92%, 2%.
How should I use #fa5214 in my design palette?
#fa5214 is best reserved for small, intentional accents rather than large backgrounds where its high saturation can overwhelm the viewer. Because it demands immediate attention, use it sparingly for primary buttons or status alerts where you need to guide the user's focus.
Which colors create a balanced scheme with #fa5214?
You can ground the intensity of #fa5214 by pairing it with deep, neutral tones like charcoal or navy. These dark, cool colors provide the necessary contrast to make the vibrancy of #fa5214 pop without feeling chaotic or visually exhausting to the eye.
Is #fa5214 readable on white or black?
#fa5214 has a 3.34:1 contrast ratio on white and 6.28: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.