#F05F00 Hex Color

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

Hex color #f05f00 graphic
This intense, saturated orange demands attention with its high-energy chroma. Because it feels loud and aggressive, #f05f00 works best as a punchy 10% accent color rather than a main background. It pairs exceptionally well with charcoal grays for a modern, industrial look. The hex code #f05f00 maintains enough contrast for black text, making it a functional choice for high-visibility call-to-action buttons.

Questions about #f05f00

What is #f05f00 in RGB, HSL and CMYK?
In RGB, #f05f00 is rgb(240, 95, 0), in HSL hsl(24, 100%, 47%) and in CMYK 0%, 60%, 100%, 6%. Browse more shades of orange with names and hex codes.
Where should I use #f05f00 in a design layout?
#f05f00 is an incredibly aggressive, high-energy tone that functions best as a small 10% accent rather than a background. Use it strategically for call-to-action buttons or highlights where you need to grab immediate user attention.
What colors pair well with #f05f00 for a professional look?
Pair #f05f00 with deep charcoal or slate grays to create a modern, industrial aesthetic that tempers the orange's intensity. These dark neutrals provide enough grounding contrast to keep the design feeling balanced instead of chaotic.
Is #f05f00 readable on white or black?
#f05f00 has a 3.31:1 contrast ratio on white and 6.34: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.