#F2CA28 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated yellow commands attention, making it ideal for high-impact sale graphics or call-to-action buttons. Use #f2ca28 as a small accent to inject energy, but avoid using it as a large background to prevent eye strain. Because of its high lightness, black text stands out sharply against this hex code, ensuring excellent readability for your audience.
Questions about #f2ca28
What is #f2ca28 in RGB, HSL and CMYK?
In RGB, #f2ca28 is rgb(242, 202, 40), in HSL hsl(48, 89%, 55%) and in CMYK 0%, 17%, 83%, 5%.
Does #f2ca28 work well as a background color?
Using #f2ca28 as a large background often causes significant eye strain for readers due to its intense luminosity. It functions much more effectively as a small, high-contrast accent or for call-to-action buttons against a charcoal or deep navy background.
Is #f2ca28 readable on white or black?
#f2ca28 has a 1.58:1 contrast ratio on white and 13.25: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.