#FFF2B6 Hex Color

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

Hex color #fff2b6 graphic
This luminous, unsaturated pale yellow feels approachable and airy. Because of its high lightness, it functions best as a supporting tone or soft background rather than a primary focus. Pair #fff2b6 with deep charcoal or slate for a sharp, readable contrast. The hex code is #fff2b6, and it provides enough readability for standard body text when paired with dark, high-contrast typography.

Questions about #fff2b6

What is #fff2b6 in RGB, HSL and CMYK?
In RGB, #fff2b6 is rgb(255, 242, 182), in HSL hsl(49, 100%, 86%) and in CMYK 0%, 5%, 29%, 0%.
Does #fff2b6 work well for body text?
#fff2b6 is too light for body text and fails most accessibility standards for contrast on white backgrounds. Use it primarily as a soft background or accent color, ensuring any text placed on top is a dark tone like charcoal.
What color combinations complement #fff2b6 effectively?
Because this yellow is highly unsaturated, it pairs best with dark, grounded earth tones or deep cool colors. Combining #fff2b6 with navy or deep slate creates a sophisticated, modern balance that keeps your design readable and grounded.
Is #fff2b6 readable on white or black?
#fff2b6 has a 1.12:1 contrast ratio on white and 18.62: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.