#F2DF74 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling, pastel yellow feels light and energetic, making it an ideal choice for playful branding or spring-themed designs. Because it is highly readable, the hex code #f2df74 works well as a background for black typography. Pair this cheerful tone with deep, muted charcoal or dark forest greens for balance. If you need more contrast, check out some deeper pink tones to ground the layout.
Questions about #f2df74
What is #f2df74 in RGB, HSL and CMYK?
In RGB, #f2df74 is rgb(242, 223, 116), in HSL hsl(51, 83%, 70%) and in CMYK 0%, 8%, 52%, 5%.
What colors pair well with the #f2df74 yellow?
This yellow balances beautifully when paired with charcoal or deep forest greens to ground its high energy. For a more adventurous palette, try introducing deep pink tones to create a lively, high-contrast look that pops against the softness of the base color.
Is #f2df74 readable on white or black?
#f2df74 has a 1.34:1 contrast ratio on white and 15.58: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.