#FAA250 Hex Color

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

Hex color #faa250 graphic
This bright, saturated orange feels energetic and playful. The hex code for this color is #faa250. Because it is so vivid, it works best as a small accent rather than a full background. Pair it with deep charcoal or navy blue to keep the contrast high and readable. It provides a warm, spirited pop that grabs attention for call-to-action buttons or marketing graphics.

Questions about #faa250

What is #faa250 in RGB, HSL and CMYK?
In RGB, #faa250 is rgb(250, 162, 80), in HSL hsl(29, 94%, 65%) and in CMYK 0%, 35%, 68%, 2%.
How can I effectively use #faa250 in a UI layout?
#faa250 works best as a focused accent rather than a primary background because of its high saturation. Use it for call-to-action buttons or small interactive elements, and pair it with charcoal or deep navy text to ensure the contrast remains accessible and sharp.
Is #faa250 readable on white or black?
#faa250 has a 2.02:1 contrast ratio on white and 10.34: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.