#F2E496 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, unsaturated yellow brings a soft, peaceful glow to any design palette. As a hex code, #f2e496 works best as a supporting tone or background rather than a primary focus, as it can feel washed out against pure white. For optimal readability, pair this shade with deep black text to leverage its high contrast ratio. It adds a gentle, fresh feel to baby products and spring-themed layouts.
Questions about #f2e496
What is #f2e496 in RGB, HSL and CMYK?
In RGB, #f2e496 is rgb(242, 228, 150), in HSL hsl(51, 78%, 77%) and in CMYK 0%, 6%, 38%, 5%.
What colors pair well with #f2e496 for balanced designs?
#f2e496 functions best when paired with deep, grounding tones to maintain visual balance and legibility. Try using it alongside a dark charcoal or deep navy to create high-contrast text that prevents this soft yellow from feeling washed out on white screens.
Is #f2e496 readable on white or black?
#f2e496 has a 1.28:1 contrast ratio on white and 16.31: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.