#F47B1F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #f47b1f is a high-energy orange that demands immediate attention. Designers should use this saturated tone sparingly as a strategic 10% accent or call-to-action button, as it can easily overwhelm a layout. It pairs well against deep grays, and because it offers a 7.7:1 contrast ratio with black text, it remains perfectly legible for UI design. Avoid using this shade for large backgrounds.
Questions about #f47b1f
What is #f47b1f in RGB, HSL and CMYK?
In RGB, #f47b1f is rgb(244, 123, 31), in HSL hsl(26, 91%, 54%) and in CMYK 0%, 50%, 87%, 4%.
What is the best way to use #f47b1f in a design?
Use #f47b1f as a deliberate 10% accent or call-to-action button to maintain user focus without overwhelming the interface. Because it is so saturated, avoid using it as a large background color, as it can strain the eyes and tire viewers quickly.
Is #f47b1f readable on white or black?
#f47b1f has a 2.72:1 contrast ratio on white and 7.69: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.