#F16E00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f16e00 is a highly saturated, intense orange that demands immediate attention. Because of its high chroma, it overwhelms the eye when used in large areas. Save this shade for small UI accents like call to action buttons or highlights. It pairs effectively with deep charcoals, as black text achieves excellent contrast against this bright background. The hex code for this powerful orange is #f16e00.
Questions about #f16e00
What is #f16e00 in RGB, HSL and CMYK?
In RGB, #f16e00 is rgb(241, 110, 0), in HSL hsl(27, 100%, 47%) and in CMYK 0%, 54%, 100%, 5%.
How should I use #f16e00 in a professional interface?
#f16e00 functions best as a high-visibility accent color rather than a primary background shade. Its high chroma makes it ideal for small, interactive elements like call-to-action buttons that need to grab immediate user attention against neutral interfaces.
What colors pair well with #f16e00 for a balanced palette?
This intense orange pairs naturally with deep charcoal or near-black tones, which provide the high contrast needed for readability. You can also ground the intensity of #f16e00 by pairing it with muted, desaturated grays to ensure the vibrant orange remains the focal point.
Is #f16e00 readable on white or black?
#f16e00 has a 3.01:1 contrast ratio on white and 6.97: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.