#F2470F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated and intense shade, #f2470f commands attention through its high chroma and warm, fiery output. It functions best as an accent color for calls to action or urgent UI alerts rather than a full background, which can be overwhelming. Black text provides excellent readability against this shade, meeting accessibility standards for small body text. The hex code for this powerful orange-red is #f2470f.
Questions about #f2470f
What is #f2470f in RGB, HSL and CMYK?
In RGB, #f2470f is rgb(242, 71, 15), in HSL hsl(15, 90%, 50%) and in CMYK 0%, 71%, 94%, 5%.
Where should I use the #f2470f color in my design?
Use #f2470f sparingly as an accent color for calls-to-action, alert icons, or notification badges to capture attention without overwhelming the user. Because it is highly saturated, avoid using it for large background areas or body text.
What colors pair well with #f2470f for UI design?
Is #f2470f readable on white or black?
#f2470f has a 3.69:1 contrast ratio on white and 5.68: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.