#F26722 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy orange commands immediate attention, making it perfect for call-to-action buttons or small graphic accents. Because of its intensity, avoid using #f26722 as a large background color, as it can quickly overwhelm a design. It creates a crisp, readable contrast against black text, meeting accessibility standards for small details. Pair this hex code with deep charcoal grays to ground its loudness.
Questions about #f26722
What is #f26722 in RGB, HSL and CMYK?
In RGB, #f26722 is rgb(242, 103, 34), in HSL hsl(20, 89%, 54%) and in CMYK 0%, 57%, 86%, 5%.
How should I effectively use #f26722 in web design?
#f26722 works best as a punchy accent color for buttons or highlights rather than a main background. Its intensity is high, so use it sparingly to guide user attention without causing visual fatigue or overwhelming the page content.
Is #f26722 readable on white or black?
#f26722 has a 3.11:1 contrast ratio on white and 6.73: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.