#F48315 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity orange that demands immediate attention. This shade works best as a 10% accent for buttons or safety alerts. Avoid using it as a primary background, where it can easily overwhelm a layout. It looks cleanest against deep charcoal text rather than white, which tends to wash out the saturation. The hex code for this bold color is #f48315.
Questions about #f48315
What is #f48315 in RGB, HSL and CMYK?
In RGB, #f48315 is rgb(244, 131, 21), in HSL hsl(30, 91%, 52%) and in CMYK 0%, 46%, 91%, 4%.
How should I effectively use #f48315 in web design?
#f48315 is best utilized as a high-contrast accent color rather than a primary background shade. It excels when drawing the eye to critical UI elements like call-to-action buttons or alert notifications, provided it is paired with charcoal text for optimal readability.
Why does #f48315 look washed out against white backgrounds?
This intense orange is so saturated that it competes visually with the high brightness of pure white, causing the edges to blur or lose definition. Placing it against darker neutral backgrounds prevents this effect and helps the color maintain its intended vibrancy and impact.
Is #f48315 readable on white or black?
#f48315 has a 2.59:1 contrast ratio on white and 8.10: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.