#F68220 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, neon-leaning orange commands immediate attention with its high intensity. Because it is so loud, the hex code #f68220 functions best as a tactical accent rather than a full background color. It pairs surprisingly well with deep charcoal grays to ground its energy. Black text remains readable against this hue, making it a functional choice for high-visibility buttons and calls to action.
Questions about #f68220
What is #f68220 in RGB, HSL and CMYK?
In RGB, #f68220 is rgb(246, 130, 32), in HSL hsl(27, 92%, 55%) and in CMYK 0%, 47%, 87%, 4%.
What colors pair effectively with the high-intensity orange of #f68220?
Because #f68220 is so saturated and loud, it works best when grounded by neutral, dark tones like charcoal. This combination balances the color's energy while maintaining high legibility, especially when used for button backgrounds against darker text.
Is #f68220 a suitable choice for large background areas?
This color is generally too intense for full background coverage, as its neon-leaning vibrancy can overwhelm the viewer and cause eye strain. Reserve this shade for small, tactical UI elements or specific accents where you need to draw the eye immediately.
Is #f68220 readable on white or black?
#f68220 has a 2.58:1 contrast ratio on white and 8.13: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.