#F5DA64 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling yellow feels energetic and optimistic. The hex code #f5da64 is best used as a high-impact accent color for buttons or call-to-action elements rather than full backgrounds, which can feel overwhelming. It offers excellent legibility with black text for accessible designs. Designers often use this shade to draw attention to sales or promotional graphics that need to stand out immediately.
Questions about #f5da64
What is #f5da64 in RGB, HSL and CMYK?
In RGB, #f5da64 is rgb(245, 218, 100), in HSL hsl(49, 88%, 68%) and in CMYK 0%, 11%, 59%, 4%.
How can I use #f5da64 effectively in web design?
Reserve #f5da64 for small, high-impact UI elements like call-to-action buttons, notification badges, or icon highlights. Using this shade sparingly prevents it from becoming overwhelming and ensures it successfully draws the user's eye to the most important conversion points on your page.
Is #f5da64 readable on white or black?
#f5da64 has a 1.39:1 contrast ratio on white and 15.09: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.