#F2DE07 Hex Color

An electric and high-energy neon yellow

Hex color #f2de07 graphic
This intense, neon-leaning yellow feels immediate and high-energy. Because of its extreme brightness, #f2de07 works best as a small 10% accent rather than a background color, where it can quickly overwhelm the eye. It pairs well with deep charcoals and navy for sharp, legible contrast. With black text, the hex code #f2de07 offers excellent accessibility for critical call-to-action buttons.

Questions about #f2de07

What is #f2de07 in RGB, HSL and CMYK?
In RGB, #f2de07 is rgb(242, 222, 7), in HSL hsl(55, 94%, 49%) and in CMYK 0%, 8%, 97%, 5%.
How should I use #f2de07 in a professional design?
Apply #f2de07 sparingly, ideally for small elements like call-to-action buttons or highlights. Because this neon yellow is extremely bright, using it for backgrounds often overwhelms the viewer, so keep it to roughly 10% of your total layout for balance.
What colors pair best with #f2de07?
This vibrant yellow looks sharpest when paired with deep, dark neutrals that provide high contrast. It works exceptionally well against navy or charcoal, which grounds the extreme brightness of the yellow while maintaining excellent readability for text or interface icons.
Is #f2de07 readable on white or black?
#f2de07 has a 1.37:1 contrast ratio on white and 15.22: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.