#F5C515 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling, high-saturation yellow commands attention, making it an ideal choice for call-to-action buttons or small visual accents. While the hex code #f5c515 can feel overpowering as a primary background, it creates a striking, modern contrast when paired with deep charcoal or navy. Black text remains highly legible against this tone, satisfying accessibility requirements for smaller font sizes.
Questions about #f5c515
What is #f5c515 in RGB, HSL and CMYK?
In RGB, #f5c515 is rgb(245, 197, 21), in HSL hsl(47, 92%, 52%) and in CMYK 0%, 20%, 91%, 4%. Browse more shades of yellow with names and hex codes.
Does #f5c515 work well for body text?
#f5c515 should generally be avoided for body text because its high luminosity makes it difficult to read against white backgrounds. For better accessibility, reserve this specific yellow for bold accents, buttons, or icons where it provides high visual impact without compromising legibility.
Which colors pair best with #f5c515?
Is #f5c515 readable on white or black?
#f5c515 has a 1.63:1 contrast ratio on white and 12.87: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.