#F2DD82 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f2dd82 is a pale, mellow yellow with warm, creamy undertones. It brings a gentle, optimistic feel to spring-themed designs and children’s branding. Because of its light saturation, it reads best as a background color or large graphic element. Pair this hex code with deep charcoal text to take advantage of its excellent readability, as standard black ensures high contrast for any body copy.
Questions about #f2dd82
What is #f2dd82 in RGB, HSL and CMYK?
In RGB, #f2dd82 is rgb(242, 221, 130), in HSL hsl(49, 81%, 73%) and in CMYK 0%, 9%, 46%, 5%.
What colors pair best with #f2dd82?
#f2dd82 works beautifully when paired with charcoal or deep navy, as these dark tones provide the necessary contrast to make the text pop. For a softer, cohesive palette, try combining it with muted sage or earthy terracotta accents to ground its lightness.
Is #f2dd82 suitable for text on a white background?
No, #f2dd82 is too pale to be used as a primary text color against white or light backgrounds because it fails standard accessibility contrast ratios. Always use this color for large background blocks or graphic elements, ensuring your actual body text is dark enough to be legible.
Is #f2dd82 readable on white or black?
#f2dd82 has a 1.36:1 contrast ratio on white and 15.44: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.