#F5B904 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and intense, this golden yellow demands attention. The hex code #f5b904 functions best as a high-impact accent color rather than a primary background. It pairs exceptionally well with deep charcoals or navy for strong contrast. Because of its intense saturation, black text remains highly readable over it with an 11.8:1 contrast ratio. Use it sparingly to inject spontaneity into your interface designs.
Questions about #f5b904
What is #f5b904 in RGB, HSL and CMYK?
In RGB, #f5b904 is rgb(245, 185, 4), in HSL hsl(45, 97%, 49%) and in CMYK 0%, 24%, 98%, 4%.
What colors pair best with #f5b904?
#f5b904 creates a high-contrast, professional aesthetic when paired with charcoal or navy tones. These deep, neutral backgrounds prevent the intensity of the yellow from becoming overwhelming, while simultaneously ensuring that black or white text placed over the combination remains accessible and easy to read.
Is #f5b904 suitable for large background areas?
Using #f5b904 as a primary, large-scale background is typically not recommended due to its extreme saturation and high intensity. It works most effectively as a targeted accent to draw the eye toward important call-to-action buttons, notification badges, or specific, limited UI elements.
Is #f5b904 readable on white or black?
#f5b904 has a 1.77:1 contrast ratio on white and 11.82: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.