#FFF7B0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated yellow feels mellow and light. Because #fff7b0 sits at a high lightness, it works best as a background tone or a soft accent rather than a primary color. It pairs effectively with deep charcoal text, providing high contrast and readability. Use this hex code for budget-focused branding or playful UI elements where you need a sense of optimism without overwhelming the design.
Questions about #fff7b0
What is #fff7b0 in RGB, HSL and CMYK?
In RGB, #fff7b0 is rgb(255, 247, 176), in HSL hsl(54, 100%, 85%) and in CMYK 0%, 3%, 31%, 0%.
What colors pair well with #fff7b0?
Because #fff7b0 is extremely pale, it acts as a neutral rather than a vibrant pop, working beautifully with charcoal or deep navy for high-contrast text. For a softer palette, try layering it with earthy olive tones or muted terracotta accents.
Is #fff7b0 readable on white or black?
#fff7b0 has a 1.09:1 contrast ratio on white and 19.18: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.