#F2D7A1 Hex Color

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

Hex color #f2d7a1 graphic
#f2d7a1 is a soft, unsaturated yellow-beige with high lightness. This pastel tone feels gentle and approachable, making it a reliable choice for baby product branding or calm UI backgrounds. Because it maintains strong contrast against black text, it creates highly readable web interfaces. The hex code for this mellow shade is #f2d7a1. Pair it with deep charcoals to prevent the color from appearing washed out.

Questions about #f2d7a1

What is #f2d7a1 in RGB, HSL and CMYK?
In RGB, #f2d7a1 is rgb(242, 215, 161), in HSL hsl(40, 76%, 79%) and in CMYK 0%, 11%, 33%, 5%.
What colors pair well with #f2d7a1 for a balanced design?
#f2d7a1 works best when paired with deep, neutral tones to ground its lightness. Combine it with dark charcoal or navy to create strong contrast and ensure the text remains legible without the design looking washed out.
Is #f2d7a1 a warm or cool color?
#f2d7a1 is distinctly warm, carrying soft yellow and beige undertones that evoke a sense of comfort and sun-drenched brightness. Because it is a high-lightness pastel, it provides a welcoming, organic feel without becoming overly vibrant or aggressive on the eyes.
Is #f2d7a1 readable on white or black?
#f2d7a1 has a 1.39:1 contrast ratio on white and 15.01: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.