#F3E0A2 Hex Color

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

Hex color #f3e0a2 graphic
This pale, buttery yellow feels approachable and light due to its low saturation. Because it offers strong contrast with black text, #f3e0a2 works well as a readable background for clean, minimal UI designs. It pairs effectively with deep charcoal or slate gray to ground its warmth. Use this shade in spring-themed branding or baby-focused products to evoke a sense of gentle positivity.

Questions about #f3e0a2

What is #f3e0a2 in RGB, HSL and CMYK?
In RGB, #f3e0a2 is rgb(243, 224, 162), in HSL hsl(46, 77%, 79%) and in CMYK 0%, 8%, 33%, 5%.
What colors pair best with #f3e0a2?
Because #f3e0a2 is a low-saturation yellow, it pairs beautifully with deep, grounding tones like charcoal or slate gray to prevent the design from feeling too washed out. You can also use muted terracotta for a natural, earthy palette.
Is #f3e0a2 readable on white or black?
#f3e0a2 has a 1.31:1 contrast ratio on white and 15.99: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.