#F3E493 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated yellow carries a light, airy quality that keeps designs feeling youthful and optimistic. Because #f3e493 is so luminous, it works best as a soft supporting tone or background color rather than a dominant primary. Pair it with deep charcoal or slate gray text to maintain excellent readability and a modern, polished aesthetic. The hex code for this mellow shade is #f3e493.
Questions about #f3e493
What is #f3e493 in RGB, HSL and CMYK?
In RGB, #f3e493 is rgb(243, 228, 147), in HSL hsl(51, 80%, 76%) and in CMYK 0%, 6%, 40%, 5%.
Does #f3e493 work well with dark text?
Yes, #f3e493 acts as a light, airy background that requires high-contrast typography like charcoal or deep slate to ensure readability. Because it is highly luminous and desaturated, it avoids the harshness of pure primary yellow, making it perfect for soft web interfaces.
Is #f3e493 better as a primary or secondary color?
It functions most effectively as a secondary or supporting color because its low saturation can wash out if used for text or large buttons. Using #f3e493 for subtle accents or section backgrounds helps create a friendly, modern atmosphere without overpowering your primary content.
Is #f3e493 readable on white or black?
#f3e493 has a 1.28:1 contrast ratio on white and 16.32: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.