#F2F475 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and attention-grabbing, #f2f475 is a luminous, neon-adjacent yellow. It carries a strong association with sales and budget-conscious branding, making it an effective choice for call-to-action buttons or highlights. Because of its intense brightness, use it as a 10% accent rather than a dominant background. Black text reads clearly against this hex code, ensuring readability without needing similar pink shades to balance the palette.
Questions about #f2f475
What is #f2f475 in RGB, HSL and CMYK?
In RGB, #f2f475 is rgb(242, 244, 117), in HSL hsl(61, 85%, 71%) and in CMYK 1%, 0%, 52%, 4%.
What colors pair best with #f2f475 for a balanced design?
How should I use #f2f475 effectively in user interfaces?
Use #f2f475 sparingly, ideally covering no more than 10% of your interface, to draw immediate attention to critical elements like primary buttons or notification badges. Treating it as a dominant background color often overwhelms the viewer, so stick to purposeful pops of color instead.
Is #f2f475 readable on white or black?
#f2f475 has a 1.16:1 contrast ratio on white and 17.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.