#FAB504 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow demands immediate attention, making it an excellent choice for call-to-action buttons and sale banners. Because of its intensity, treat #fab504 as a deliberate accent rather than a dominant background. Black text remains sharp and legible over this shade with an 11.7:1 contrast ratio. The hex code for this energetic tone is #fab504. Use it sparingly to avoid overwhelming your layout.
Questions about #fab504
What is #fab504 in RGB, HSL and CMYK?
In RGB, #fab504 is rgb(250, 181, 4), in HSL hsl(43, 97%, 50%) and in CMYK 0%, 28%, 98%, 2%.
How do I use #fab504 effectively without overwhelming my design?
Treat #fab504 as a deliberate, high-impact accent rather than a dominant background color to maintain visual balance. It works best for small UI elements like buttons or notification badges where you need to draw the user's eye instantly to a specific action.
Is #fab504 readable on white or black?
#fab504 has a 1.79:1 contrast ratio on white and 11.67: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.