#F28726 Hex Color

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

Hex color #f28726 graphic
This saturated, high-energy orange demands attention. Because it sits on the louder side of the spectrum, #f28726 works best as a 10% accent color rather than a primary background. It pairs well with charcoal gray or deep navy to ground its intensity. The hex code for this shade is #f28726, and its high contrast makes it an excellent choice for call-to-action buttons.

Questions about #f28726

What is #f28726 in RGB, HSL and CMYK?
In RGB, #f28726 is rgb(242, 135, 38), in HSL hsl(29, 89%, 55%) and in CMYK 0%, 44%, 84%, 5%. Browse more shades of orange with names and hex codes.
How can I balance the intensity of #f28726 in a layout?
Because #f28726 is highly saturated, it works best as a small accent covering about 10% of your design. Ground the intensity by pairing it with neutral, dark tones like charcoal or navy to prevent it from overwhelming your composition.
Is #f28726 readable on white or black?
#f28726 has a 2.53:1 contrast ratio on white and 8.26: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.