#F06200 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and saturated, #f06200 commands immediate attention. This heavy orange works best as a 10% accent color for calls to action or UI highlights, where its warm, aggressive character can pop without overwhelming a layout. Avoid using it as a large background fill, as its sheer luminance tires the eye quickly. The hex code for this bold orange is #f06200.
Questions about #f06200
What is #f06200 in RGB, HSL and CMYK?
In RGB, #f06200 is rgb(240, 98, 0), in HSL hsl(24, 100%, 47%) and in CMYK 0%, 59%, 100%, 6%.
Where should I use #f06200 in a design layout?
#f06200 works best as a surgical, 10% accent color for interactive elements like buttons or notification badges. Because it is highly saturated, using it as a background fill will quickly overwhelm the user and cause significant eye fatigue.
What colors pair well with #f06200 for a balanced palette?
Is #f06200 readable on white or black?
#f06200 has a 3.25:1 contrast ratio on white and 6.45: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.