#F5CD49 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated yellow radiates warmth and spontaneity. Because it packs a high visual punch, #f5cd49 works best as a 10% accent color for buttons or call-to-action elements rather than a full background. Pair it with deep charcoal grays to create high-contrast, accessible designs. The hex code #f5cd49 brings a sunny, energetic feel to any brand palette without becoming overwhelming.
Questions about #f5cd49
What is #f5cd49 in RGB, HSL and CMYK?
In RGB, #f5cd49 is rgb(245, 205, 73), in HSL hsl(46, 90%, 62%) and in CMYK 0%, 16%, 70%, 4%.
How do I use #f5cd49 effectively in web design?
#f5cd49 works best as a vibrant accent color, occupying about 10% of your layout for buttons or notifications. Because it is highly saturated, avoid using it as a background color for large text blocks, which can quickly overwhelm the viewer.
What colors pair well with #f5cd49?
High-contrast combinations look best with #f5cd49; try pairing it with deep charcoal or dark navy to ensure text readability. Neutral tones like soft grays or off-whites also ground this intense yellow without competing for visual attention.
Is #f5cd49 readable on white or black?
#f5cd49 has a 1.53:1 contrast ratio on white and 13.71: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.