#FAA147 Hex Color

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

Hex color #faa147 graphic
#faa147 is a bright, warm orange with high saturation and a cheerful, neon quality. It commands attention without being aggressive, making it a reliable choice for buttons or CTA elements. Because it provides high contrast against black text, it stays legible in branding or UI design. Pair this shade with deep charcoal or navy to ground its intensity and prevent it from feeling overwhelming.

Questions about #faa147

What is #faa147 in RGB, HSL and CMYK?
In RGB, #faa147 is rgb(250, 161, 71), in HSL hsl(30, 95%, 63%) and in CMYK 0%, 36%, 72%, 2%.
When should I use #faa147 in a user interface?
This bright orange works best for high-priority calls to action like buttons or alert icons because its high saturation naturally draws the eye. Use it sparingly against neutral backgrounds to ensure your interface remains functional and readable for users.
Which colors pair effectively with #faa147?
Balance the intensity of #faa147 by pairing it with navy or deep charcoal to anchor the design. These dark, grounded hues prevent the orange from overwhelming your layout while maintaining the necessary contrast for accessible text and iconography.
Is #faa147 readable on white or black?
#faa147 has a 2.04:1 contrast ratio on white and 10.25: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.