#FFF6B7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, unsaturated yellow reads as a mellow background tone rather than a saturated highlight. Because it lacks intensity, #fff6b7 works well for large UI surfaces without overwhelming the viewer. Pair it with dark charcoal or deep forest green to maximize readability, as black text remains sharp and legible against this light backdrop. The hex code for this soft shade is #fff6b7.
Questions about #fff6b7
What is #fff6b7 in RGB, HSL and CMYK?
In RGB, #fff6b7 is rgb(255, 246, 183), in HSL hsl(53, 100%, 86%) and in CMYK 0%, 4%, 28%, 0%.
What colors pair well with #fff6b7 for UI design?
Because #fff6b7 is quite light and unsaturated, it pairs best with dark, high-contrast colors like charcoal or deep forest green. These darker tones ensure that text remains sharp and legible, preventing the UI from feeling washed out or difficult to read.
Is #fff6b7 suitable for text-heavy layouts?
#fff6b7 should be used primarily as a background or accent rather than for text itself. Using such a pale yellow for body copy creates significant accessibility issues, as it lacks the necessary contrast against white or light gray surfaces for comfortable reading.
Is #fff6b7 readable on white or black?
#fff6b7 has a 1.09:1 contrast ratio on white and 19.11: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.