#F15B0F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity orange demands immediate attention. Due to its extreme boldness, #f15b0f works best as a punchy accent color rather than a primary background shade. Pair it with deep charcoals or slate grays to ground its energy. Because it maintains strong contrast against black text, the hex code #f15b0f is an effective choice for high-visibility call-to-action buttons or small UI highlights.
Questions about #f15b0f
What is #f15b0f in RGB, HSL and CMYK?
In RGB, #f15b0f is rgb(241, 91, 15), in HSL hsl(20, 89%, 50%) and in CMYK 0%, 62%, 94%, 5%.
What is the best way to use #f15b0f in interface design?
Use #f15b0f as a high-contrast accent to highlight buttons, alert badges, or important UI notifications that require immediate user focus. Because it is so saturated, avoid using it for large backgrounds, which can overwhelm the layout and cause visual fatigue.
Is #f15b0f readable on white or black?
#f15b0f has a 3.36:1 contrast ratio on white and 6.24: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.