#F5C531 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow commands attention, functioning best as a high-impact accent color rather than a dominant background. Because #f5c531 creates a strong contrast with black text, it serves well for UI buttons or sale banners. Use this shade to inject energy into a layout. The hex code #f5c531 pairs well with deep charcoals rather than light neutrals, which can wash out its intensity.
Questions about #f5c531
What is #f5c531 in RGB, HSL and CMYK?
In RGB, #f5c531 is rgb(245, 197, 49), in HSL hsl(45, 91%, 58%) and in CMYK 0%, 20%, 80%, 4%. Browse more shades of yellow with names and hex codes.
What is the best way to use #f5c531 in a design layout?
#f5c531 works best as a focused accent color rather than a large-scale background due to its high saturation. Use it sparingly for interactive UI elements like buttons or notification badges to guide user attention without overwhelming the rest of the interface.
Is #f5c531 readable on white or black?
#f5c531 has a 1.62:1 contrast ratio on white and 12.91: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.