#F06C00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Somewhere between tangerine peel and a safety vest, #f06c00 is a bold, saturated orange with plenty of punch. That intensity makes it a natural accent: buttons, highlights, and calls to action where you need attention fast. Full backgrounds get loud quickly, so treat it as the 10 percent, not the base. Black text passes contrast on it, and deep navy or charcoal keeps it from shouting.
Questions about #f06c00
What is #f06c00 in RGB, HSL and CMYK?
In RGB, #f06c00 is rgb(240, 108, 0), in HSL hsl(27, 100%, 47%) and in CMYK 0%, 55%, 100%, 6%.
What colors pair well with #f06c00?
Deep navy, charcoal, and off-white cream all balance the intensity of #f06c00. For something bolder, teal works as a complementary partner in sports or youth branding.
Is #f06c00 readable on white or black?
#f06c00 has a 3.06:1 contrast ratio on white and 6.85: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.