#F2E055 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f2e055 graphic
#f2e055 is a high-energy yellow that leans toward neon. It projects instant optimism and urgency, making it a natural choice for sale tags or construction alerts. Because it is so luminous, avoid using it as a full page background. Instead, use this hex code as an accent color paired with deep charcoals to ensure the black text remains readable and effective.

Questions about #f2e055

What is #f2e055 in RGB, HSL and CMYK?
In RGB, #f2e055 is rgb(242, 224, 85), in HSL hsl(53, 86%, 64%) and in CMYK 0%, 7%, 65%, 5%.
Why is #f2e055 difficult to use as a background color?
#f2e055 is extremely luminous and creates significant eye strain when covering large areas, which often makes text difficult to read. To maintain accessibility, use it sparingly as a highlight or call-to-action button color rather than a primary backdrop.
What colors pair well with #f2e055?
This yellow looks best when contrasted against deep, dark tones like charcoal or near-black shades to prevent the design from feeling washed out. You can also experiment with navy blue to create a high-contrast, professional palette that balances the yellow's extreme energy.
Is #f2e055 readable on white or black?
#f2e055 has a 1.34:1 contrast ratio on white and 15.56: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.