#F5B325 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f5b325 graphic
A high-energy, golden-orange hue, #f5b325 brings a sparkling, optimistic quality to any design. Because of its intense saturation, it works best as a 10% accent color rather than a dominant background. Pair it with deep charcoal or slate gray for a balanced, high-contrast look that pops. This hex code provides excellent readability for black text, ensuring your critical information remains sharp and clear.

Questions about #f5b325

What is #f5b325 in RGB, HSL and CMYK?
In RGB, #f5b325 is rgb(245, 179, 37), in HSL hsl(41, 91%, 55%) and in CMYK 0%, 27%, 85%, 4%.
How can I balance the intensity of #f5b325 in my design?
Because #f5b325 is so visually loud, use it sparingly as a spot color rather than a primary background to avoid overwhelming the viewer. It anchors beautifully against charcoal or deep slate tones, which provide the necessary contrast to make the yellow-orange pop without vibration.
Is #f5b325 readable on white or black?
#f5b325 has a 1.84:1 contrast ratio on white and 11.35: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.