#F2EB71 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, high-saturation yellow demands attention without feeling harsh. Because it maintains strong contrast against black text, the hex code #f2eb71 works effectively for buttons or call-to-action elements where legibility is critical. It functions best as an accent color rather than a large background, as its intensity can quickly overwhelm a design. Pair it with deep charcoals to ground its inherent, spontaneous energy.
Questions about #f2eb71
What is #f2eb71 in RGB, HSL and CMYK?
In RGB, #f2eb71 is rgb(242, 235, 113), in HSL hsl(57, 83%, 70%) and in CMYK 0%, 3%, 53%, 5%.
Does #f2eb71 work well for website text?
No, #f2eb71 is too bright and lacks sufficient contrast against white backgrounds for readable body text. Reserve this shade for UI elements, buttons, or design accents where you need to draw immediate attention, while using charcoal for your primary text.
What colors pair best with #f2eb71?
To ground the intensity of #f2eb71, pair it with deep, neutral tones like charcoal or dark navy. These dark, grounding colors balance the spontaneous, high-saturation energy of the yellow, creating a professional and legible visual hierarchy.
Is #f2eb71 readable on white or black?
#f2eb71 has a 1.24:1 contrast ratio on white and 16.89: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.