#F59B00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f59b00 is a high-saturation, golden orange that demands attention without becoming abrasive. It feels optimistic and energetic, making it a natural choice for youthful branding or high-visibility accents. Because it is intense, use this hex code sparingly as a 10% pop of color rather than a large background. It pairs exceptionally well against deep charcoal grays, which provide the contrast needed for readable text.
Questions about #f59b00
What is #f59b00 in RGB, HSL and CMYK?
In RGB, #f59b00 is rgb(245, 155, 0), in HSL hsl(38, 100%, 48%) and in CMYK 0%, 37%, 100%, 4%.
What colors pair best with #f59b00?
#f59b00 acts as a vibrant focal point and balances beautifully against deep charcoal or slate backgrounds, which provide the necessary contrast for readability. Avoid pairing this orange with other intense, warm hues to keep your palette from feeling visually overwhelming.
Is #f59b00 suitable for UI design?
Yes, but use #f59b00 sparingly as a small accent rather than a background color. Because of its intense saturation, it works perfectly for buttons or call-to-action elements that need to pop without overwhelming the user or causing eye strain.
Is #f59b00 readable on white or black?
#f59b00 has a 2.19:1 contrast ratio on white and 9.57: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.