#F1C40F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f1c40f is a high-saturation, warm yellow that commands immediate attention. Its intensity makes it a difficult choice for large backgrounds, so use it sparingly as a strategic accent color for call-to-action buttons or highlights. Because it offers strong contrast against black text, it remains highly legible for small UI details. This hex code pairs surprisingly well with deep charcoal grays to ground its sparkling energy.
Questions about #f1c40f
What is #f1c40f in RGB, HSL and CMYK?
In RGB, #f1c40f is rgb(241, 196, 15), in HSL hsl(48, 89%, 50%) and in CMYK 0%, 19%, 94%, 5%.
What colors pair well with #f1c40f for a modern design?
#f1c40f pairs effectively with charcoal or deep neutral grays to balance its intense, sparkling energy. Using dark, grounded tones helps control the visual weight of this bright yellow, making your designs feel purposeful rather than overwhelming.
Is #f1c40f suitable for large background areas?
Using #f1c40f for large backgrounds is generally discouraged because its high intensity causes eye fatigue and makes text difficult to read. Reserve this shade for UI elements like buttons, badges, or small highlights that need to pop against dark interfaces.
Is #f1c40f readable on white or black?
#f1c40f has a 1.66:1 contrast ratio on white and 12.64: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.