#F0D300 Hex Color
A high-voltage yellow demanding immediate attention
This high-saturation yellow carries a heavy, glowing energy that demands attention. Because it reads as loud and urgent, #f0d300 works best as a 10% accent color for call-to-action buttons or sales banners rather than a full page background. It offers excellent contrast against black text, maintaining high legibility for UI design. Use it sparingly to inject a sense of spontaneity and high-visibility into your layout.
Questions about #f0d300
What is #f0d300 in RGB, HSL and CMYK?
In RGB, #f0d300 is rgb(240, 211, 0), in HSL hsl(53, 100%, 47%) and in CMYK 0%, 12%, 100%, 6%.
What is the best way to use #f0d300 in web design?
#f0d300 is a high-energy yellow that works best as a 10% accent color for call-to-action buttons. Avoid using it as a large background, as its intensity can quickly overwhelm users. Pair it with dark text like charcoal to ensure proper contrast and legibility.
Is #f0d300 readable on white or black?
#f0d300 has a 1.49:1 contrast ratio on white and 14.02: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.