#FF8745 Hex Color
An electrifying orange for modern highlights
This high-energy orange is impossible to ignore. Because it is so intense, #ff8745 works best as a 10% accent rather than a dominant base. Pair it with deep charcoal or slate greys to ground its brightness. While black text remains highly readable against this shade, use it sparingly in UI design to keep the overall layout balanced and professional. The hex code for this color is #ff8745.
Questions about #ff8745
What is #ff8745 in RGB, HSL and CMYK?
In RGB, #ff8745 is rgb(255, 135, 69), in HSL hsl(21, 100%, 64%) and in CMYK 0%, 47%, 73%, 0%.
How should #ff8745 be used in interface design?
Use #ff8745 sparingly as a 10% accent color rather than a base, as its high intensity can easily overwhelm a layout. It works exceptionally well when grounding the brightness against deep charcoal or slate backgrounds for better visual balance.
Which colors pair best with #ff8745 for a balanced palette?
Because #ff8745 is such a loud, energetic orange, it needs low-saturation neutrals to stop it from dominating. Pair it with dark slate or charcoal greys to mute its intensity, allowing the orange to pop without causing visual fatigue for the user.
Is #ff8745 readable on white or black?
#ff8745 has a 2.38:1 contrast ratio on white and 8.80: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.