#F5C400 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f5c400 is an intense, high-saturation yellow that commands immediate attention. It functions best as a tactical accent color for call-to-action buttons or sale banners rather than a full background. The hex code #f5c400 pairs surprisingly well with deep charcoal grays, which creates a sharp, legible contrast for modern UI designs. Black text reads clearly against this shade, making it a reliable choice for high-visibility graphic elements.
Questions about #f5c400
What is #f5c400 in RGB, HSL and CMYK?
In RGB, #f5c400 is rgb(245, 196, 0), in HSL hsl(48, 100%, 48%) and in CMYK 0%, 20%, 100%, 4%.
What colors pair well with #f5c400 in UI design?
This vibrant yellow creates the strongest visual impact when paired with deep charcoal or near-black tones. The high contrast ensures that buttons or banners using #f5c400 remain legible and accessible while maintaining a modern, bold aesthetic.
Is #f5c400 a good choice for background elements?
#f5c400 is generally too intense and high-energy for use as a primary full-page background color. It works significantly better as a tactical accent color for small UI elements, iconography, or specific call-to-action buttons that need immediate user focus.
Is #f5c400 readable on white or black?
#f5c400 has a 1.64:1 contrast ratio on white and 12.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.