#F1C84B Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f1c84b graphic
This saturated, golden yellow projects an immediate sense of energy and spontaneity. Because it carries high visual weight, #f1c84b works best as a sharp accent rather than a full background. Pair it with deep charcoal or navy to ground its intensity and improve readability. Since it maintains a 13.1:1 contrast ratio against black, this hex code ensures accessible body text for calls to action or UI elements.

Questions about #f1c84b

What is #f1c84b in RGB, HSL and CMYK?
In RGB, #f1c84b is rgb(241, 200, 75), in HSL hsl(45, 86%, 62%) and in CMYK 0%, 17%, 69%, 5%.
How should I use #f1c84b in my user interface design?
#f1c84b works best as a strategic accent rather than a full background color because of its intense saturation. Use it for high-priority calls to action or notification badges, pairing it with charcoal or navy text to ensure the UI remains readable.
Is #f1c84b readable on white or black?
#f1c84b has a 1.60:1 contrast ratio on white and 13.10: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.