#F2D76C Hex Color

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

Hex color #f2d76c graphic
#f2d76c is a bright, warm yellow that radiates energy and spontaneity. Due to its high saturation, it works best as a punchy accent color rather than a dominant background. Pair it with deep charcoals to create sharp, readable contrast for buttons or callouts. The hex code for this sparkling shade is #f2d76c, which remains accessible for small text when paired with black.

Questions about #f2d76c

What is #f2d76c in RGB, HSL and CMYK?
In RGB, #f2d76c is rgb(242, 215, 108), in HSL hsl(48, 84%, 69%) and in CMYK 0%, 11%, 55%, 5%. Browse more shades of yellow with names and hex codes.
How should I effectively use #f2d76c in a design layout?
#f2d76c serves best as a high-impact accent color rather than a background shade because of its intense saturation. Use it sparingly on buttons, icons, or notification badges to grab immediate attention without overwhelming the viewer's eyes during longer interactions.
Is #f2d76c readable on white or black?
#f2d76c has a 1.42:1 contrast ratio on white and 14.71: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.