#F5C14F Hex Color

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

Hex color #f5c14f graphic
This warm, golden yellow is high-energy and saturated. The hex code is #f5c14f. It functions best as a 10% accent color for calls to action because it draws immediate attention. Pair it with deep charcoal or navy to ground the brightness. Black text works well over this yellow for high readability, as it offers a strong 12.6:1 contrast ratio that ensures clear, legible design.

Questions about #f5c14f

What is #f5c14f in RGB, HSL and CMYK?
In RGB, #f5c14f is rgb(245, 193, 79), in HSL hsl(41, 89%, 64%) and in CMYK 0%, 21%, 68%, 4%. Browse more shades of yellow with names and hex codes.
Which background colors work best with #f5c14f?
This golden yellow creates a high-contrast, professional look when paired with dark, grounded neutrals like deep charcoal or dark navy. These dark backgrounds make the yellow pop, ensuring your call-to-action buttons remain readable and visually striking.
Is #f5c14f readable on white or black?
#f5c14f has a 1.66:1 contrast ratio on white and 12.62: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.