#F2C42D Hex Color

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

Hex color #f2c42d graphic
#f2c42d is a high-energy, saturated yellow that demands attention. Because it is so intense, it works best as a 10% accent rather than a full background color. Pair it with deep charcoal or navy to ground its brightness and readability. It offers enough contrast for legible black text, making it a reliable choice for high-visibility buttons and call-to-action elements on your design projects.

Questions about #f2c42d

What is #f2c42d in RGB, HSL and CMYK?
In RGB, #f2c42d is rgb(242, 196, 45), in HSL hsl(46, 88%, 56%) and in CMYK 0%, 19%, 81%, 5%.
What colors pair best with #f2c42d?
Because #f2c42d is highly saturated, it is best balanced by deep, cool tones like navy or charcoal. These dark neutrals ground the brightness of the yellow, preventing it from overwhelming your layout while maintaining high readability for text.
Is #f2c42d suitable for large background areas?
Using #f2c42d for large background areas often causes eye fatigue due to its high intensity. Instead, treat this specific yellow as a 10% accent color to draw attention to buttons, icons, or critical interface elements that require immediate user focus.
Is #f2c42d readable on white or black?
#f2c42d has a 1.65:1 contrast ratio on white and 12.70: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.