#F2BC07 Hex Color

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

Hex color #f2bc07 graphic
This energetic yellow commands attention with its intense, saturated glow. Because of its high visibility, #f2bc07 works best as a punchy accent color rather than a large background. Pair it with deep charcoal or navy to ground its warmth and prevent visual fatigue. This hex code offers excellent contrast for black text, making it a reliable choice for buttons or promotional callouts where clarity matters.

Questions about #f2bc07

What is #f2bc07 in RGB, HSL and CMYK?
In RGB, #f2bc07 is rgb(242, 188, 7), in HSL hsl(46, 94%, 49%) and in CMYK 0%, 22%, 97%, 5%. Browse more shades of yellow with names and hex codes.
What colors pair best with #f2bc07?
Because #f2bc07 carries such high visual intensity, it balances perfectly against deep, cool neutrals like navy or charcoal. These dark, muted tones ground the yellow's warmth, preventing the overall design from becoming visually fatiguing while maintaining excellent readability.
Is #f2bc07 a good choice for text?
Using #f2bc07 as text requires caution, as its bright, saturated nature often fails accessibility standards against white or light backgrounds. It performs much more effectively as a high-visibility accent, such as on buttons, icons, or promotional callouts.
Is #f2bc07 readable on white or black?
#f2bc07 has a 1.75:1 contrast ratio on white and 11.97: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.