#F07800 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and saturated, #f07800 commands attention immediately. This bold orange works best as a punchy accent rather than a background color, as it can easily overwhelm a layout. It pairs well with deep charcoal grays to ground its high energy. Because black text offers a 7.4:1 contrast ratio, it remains readable for UI elements. The hex code for this vivid shade is #f07800.
Questions about #f07800
What is #f07800 in RGB, HSL and CMYK?
In RGB, #f07800 is rgb(240, 120, 0), in HSL hsl(30, 100%, 47%) and in CMYK 0%, 50%, 100%, 6%.
What is the best way to use #f07800 in a UI design?
Use #f07800 sparingly as a punchy accent color for calls to action or notification badges because its high saturation can quickly overwhelm a layout. It maintains excellent readability with black text, ensuring your UI elements remain accessible for all users.
Which colors pair effectively with the #f07800 orange?
This saturated orange works best when grounded by dark neutral tones like charcoal, which prevents the color from vibrating against the eye. For a more adventurous palette, try balancing #f07800 with deep teals to create a high-contrast complementary effect.
Is #f07800 readable on white or black?
#f07800 has a 2.84:1 contrast ratio on white and 7.39: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.