#F2ED76 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f2ed76 is a luminous, high-energy yellow that demands immediate attention. Due to its intense saturation, it functions best as a tactical accent rather than a background. Use it sparingly in UI design for call-to-action buttons or highlights where contrast is necessary. Because black text offers high readability against this shade, it pairs perfectly with deep charcoal or matte black typography. The hex code for this yellow is #f2ed76.
Questions about #f2ed76
What is #f2ed76 in RGB, HSL and CMYK?
In RGB, #f2ed76 is rgb(242, 237, 118), in HSL hsl(58, 83%, 71%) and in CMYK 0%, 2%, 51%, 5%.
What is the best way to use #f2ed76 in website design?
#f2ed76 serves best as a purposeful, high-energy accent for call-to-action buttons or highlights. Because it is so saturated, avoid using it as a large background color, as it can overwhelm the eyes and reduce legibility.
Which colors pair well with #f2ed76?
Is #f2ed76 readable on white or black?
#f2ed76 has a 1.22:1 contrast ratio on white and 17.15: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.