#F2F07F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, high-chroma yellow sits on the border of neon, making it an excellent choice for accent elements like budget tags or sale call-to-action buttons. It can feel aggressive if used across large surfaces. Black text remains highly legible on this shade with a 17.5:1 contrast ratio. Designers rely on the hex code #f2f07f to introduce a sense of urgency and cheer into modern interfaces.
Questions about #f2f07f
What is #f2f07f in RGB, HSL and CMYK?
In RGB, #f2f07f is rgb(242, 240, 127), in HSL hsl(59, 82%, 72%) and in CMYK 0%, 1%, 48%, 5%. Browse more shades of yellow with names and hex codes.
How should I use #f2f07f in a web interface?
Use #f2f07f sparingly as an accent for call-to-action buttons or sale badges because its neon intensity creates immediate visual urgency. Avoid using it on large backgrounds as the high-chroma level can become aggressive and fatiguing for the user's eyes.
What color text works best against #f2f07f?
Deep charcoal or pure black text offers the highest legibility against #f2f07f. With a contrast ratio of 17.5:1, these dark tones ensure your message remains clear and accessible without sacrificing the yellow's energetic, punchy aesthetic.
Is #f2f07f readable on white or black?
#f2f07f has a 1.19:1 contrast ratio on white and 17.54: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.