#F59E0B Hex Color
Energetic and bold saturated amber orange
#f59e0b is a highly saturated, energetic orange that commands attention. Because of its intensity, it functions best as a 10% accent color rather than a dominant background. It pairs exceptionally well with deep charcoal grays to ground its warmth. While black text remains readable against this hue, use it sparingly in UI design to avoid overwhelming the user. The hex code for this shade is #f59e0b.
Questions about #f59e0b
What is #f59e0b in RGB, HSL and CMYK?
In RGB, #f59e0b is rgb(245, 158, 11), in HSL hsl(38, 92%, 50%) and in CMYK 0%, 36%, 96%, 4%.
What colors pair well with #f59e0b?
Pair #f59e0b with charcoal or deep slate grays to ground its intense warmth and create a professional contrast. For a more vibrant look, try balancing it with cool teals or muted blues to neutralize the high-energy orange tones.
How should I use #f59e0b in UI design?
Use #f59e0b sparingly as an accent color for call-to-action buttons or notifications, rather than as a primary background. Its high saturation can overwhelm the user interface if applied too broadly, so keep it to roughly ten percent of your total layout.
Is #f59e0b readable on white or black?
#f59e0b has a 2.14:1 contrast ratio on white and 9.77: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.