#F5E045 Hex Color
A high-energy yellow with urgent appeal
This sparkling yellow creates an immediate sense of urgency, making it an ideal accent color for sale banners and call to action buttons. Because #f5e045 provides a high 15.6:1 contrast ratio against black text, it maintains excellent readability for UI elements. Use it sparingly as a 10 percent accent, as this intense, high-energy hue can easily overwhelm a layout if used in large blocks.
Questions about #f5e045
What is #f5e045 in RGB, HSL and CMYK?
In RGB, #f5e045 is rgb(245, 224, 69), in HSL hsl(53, 90%, 62%) and in CMYK 0%, 9%, 72%, 4%.
How should I use #f5e045 in web design?
Apply #f5e045 sparingly as a 10 percent accent because its high intensity can easily overwhelm layouts. It serves as an excellent tool for sale banners or call to action buttons where you need immediate user focus without sacrificing readability.
Is #f5e045 readable on white or black?
#f5e045 has a 1.34:1 contrast ratio on white and 15.63: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.