#F2C707 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy yellow is bright, saturated, and impossible to ignore. Because it commands attention, #f2c707 works best as a punchy accent color rather than a main background. It pairs exceptionally well with deep charcoals or navy blues to create readable, accessible text. The hex code #f2c707 brings a sense of urgency to designs, making it a reliable choice for buttons or sale graphics.
Questions about #f2c707
What is #f2c707 in RGB, HSL and CMYK?
In RGB, #f2c707 is rgb(242, 199, 7), in HSL hsl(49, 94%, 49%) and in CMYK 0%, 18%, 97%, 5%.
How can I use #f2c707 without overpowering a design?
Apply #f2c707 exclusively as a punchy accent color for buttons, icons, or specific call-to-action elements rather than a background shade. Balancing it against neutral charcoal or deep navy text creates enough contrast to ensure accessibility while keeping the layout readable.
Is #f2c707 readable on white or black?
#f2c707 has a 1.62:1 contrast ratio on white and 12.94: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.