#F2CD71 Hex Color

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

Hex color #f2cd71 graphic
With its light value and moderate saturation, #f2cd71 brings softness and cheerful energy without feeling harsh. This hex code suits spring layouts, baby products, budget brands, sale graphics, and construction themes. Use it as a dominant background with dark text, which reaches about 13.7:1 contrast, while charcoal or navy add structure.

Questions about #f2cd71

What is #f2cd71 in RGB, HSL and CMYK?
In RGB, #f2cd71 is rgb(242, 205, 113), in HSL hsl(43, 83%, 70%) and in CMYK 0%, 15%, 53%, 5%.
What colors pair well with #f2cd71?
#f2cd71 pairs well with deep neutrals and muted blue-green shades, which balance its warm golden cast without making a palette feel harsh; these combinations preserve its cheerful quality while giving layouts enough visual weight for text, borders, and supporting elements. Try charcoal or sage.
Is #f2cd71 warm or cool?
#f2cd71 reads as a warm, light golden yellow because its hue sits toward yellow-orange and its light value softens the intensity, rather than creating the sharp effect associated with a highly saturated yellow. It feels cheerful and approachable in friendly, seasonal, or promotional designs.
Is #f2cd71 readable on white or black?
#f2cd71 has a 1.52:1 contrast ratio on white and 13.74: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.