#F75A16 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated orange demands attention with its high-energy presence. Because of its sheer brightness, #f75a16 works best as a punchy 10% accent rather than a dominant background color. It pairs surprisingly well with dark charcoal grays, which ground its intensity. The hex code for this vivid shade is #f75a16, and black text offers excellent legibility against it for any calls to action or UI highlights.
Questions about #f75a16
What is #f75a16 in RGB, HSL and CMYK?
In RGB, #f75a16 is rgb(247, 90, 22), in HSL hsl(18, 93%, 53%) and in CMYK 0%, 64%, 91%, 3%.
What colors pair best with #f75a16?
This vibrant orange demands a grounded partner to balance its intensity. Pair #f75a16 with deep charcoal or slate grays to anchor the energy without letting the color overwhelm your UI. It also creates a dynamic contrast when used alongside crisp white space or subtle neutrals.
Should #f75a16 be used for text?
#f75a16 is best suited for UI accents or call-to-action buttons rather than large blocks of body text. Because of its high saturation, black text offers the strongest legibility against this orange, ensuring your design remains accessible and easy for users to read comfortably.
Is #f75a16 readable on white or black?
#f75a16 has a 3.26:1 contrast ratio on white and 6.42: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.