#F4C222 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Sale banners, caution signs, and budget retail branding all reach for a yellow like #f4c222. This bright marigold is fully saturated with a warm orange undertone, so it reads energetic instead of lemon-sharp. Black text on it hits about 12.6:1 contrast, well past AA. Treat it as an accent or small background block; across a whole layout it gets loud fast.
Questions about #f4c222
What is #f4c222 in RGB, HSL and CMYK?
In RGB, #f4c222 is rgb(244, 194, 34), in HSL hsl(46, 91%, 55%) and in CMYK 0%, 20%, 86%, 4%. Browse more shades of yellow with names and hex codes.
What colors pair well with #f4c222?
Charcoal and deep navy make #f4c222 feel crisp and high-energy, while terracotta and olive pull it earthier. Skip pale pastels, since they wash out its saturation.
Is #f4c222 readable on white or black?
#f4c222 has a 1.66:1 contrast ratio on white and 12.58: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.