#F02D00 Hex Color

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

Hex color #f02d00 graphic
This bold, saturated red demands immediate attention. Use the hex code #f02d00 sparingly as a 10 percent accent color rather than a dominant background. It pairs well with charcoal grays or deep navies to anchor its intense brightness. Black text reads clearly on this shade with a 5.1:1 contrast ratio, making it ideal for high-impact buttons or bold typography that needs to stand out.

Questions about #f02d00

What is #f02d00 in RGB, HSL and CMYK?
In RGB, #f02d00 is rgb(240, 45, 0), in HSL hsl(11, 100%, 47%) and in CMYK 0%, 81%, 100%, 6%.
How should I use #f02d00 in my designs?
Use #f02d00 sparingly as a ten percent accent color rather than a dominant background to maintain visual balance. It works exceptionally well for high-impact call-to-action buttons or bold typography that needs to stand out against neutral backgrounds.
What colors complement #f02d00?
This intense red pairs effectively with charcoal grays or deep navy blues to anchor its brightness. These darker, muted tones provide the necessary contrast to stop the vibrant red from feeling overwhelming in a layout.
Is #f02d00 readable on white or black?
#f02d00 has a 4.13:1 contrast ratio on white and 5.08: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.