#F1E104 Hex Color

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

Hex color #f1e104 graphic
Like a highlighter pulled straight from the pack, #f1e104 is a loud, saturated yellow with a faint green edge. That neon punch suits sale tags, warnings, and bold branding, but it overwhelms as a full background, so treat it as a small accent. Black text on it reaches about 15.5:1 contrast, keeping small type readable. The hex code #f1e104 looks sharpest against charcoal.

Questions about #f1e104

What is #f1e104 in RGB, HSL and CMYK?
In RGB, #f1e104 is rgb(241, 225, 4), in HSL hsl(56, 97%, 48%) and in CMYK 0%, 7%, 98%, 5%. Browse more shades of yellow with names and hex codes.
What colors pair well with #f1e104?
Charcoal, deep navy, and near-black tones balance its intensity best, and black text on #f1e104 reaches about 15.5:1 contrast, well above WCAG AA. Soft pastels tend to look washed out beside it.
Where does #f1e104 work best in a design?
Use it as a small accent in the 10% slot: sale badges, warning labels, construction signage. As a full background it tires the eye fast, so lighten it into a tint for large areas.
Is #f1e104 readable on white or black?
#f1e104 has a 1.35:1 contrast ratio on white and 15.51: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.