#FFF6B6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A pale, unsaturated yellow, #fff6b6 offers a warm and mellow tone that feels approachable rather than aggressive. Because it has enough contrast against black text, it works well for UI elements like buttons or notification banners. Use it as an accent rather than a primary background to keep designs from feeling washed out. The hex code for this luminous yellow is #fff6b6.
Questions about #fff6b6
What is #fff6b6 in RGB, HSL and CMYK?
In RGB, #fff6b6 is rgb(255, 246, 182), in HSL hsl(53, 100%, 86%) and in CMYK 0%, 4%, 29%, 0%.
How can I use #fff6b6 effectively in a UI design?
#fff6b6 works best as a subtle highlight color rather than a large background, as its high brightness can feel overwhelming. Pair it with charcoal or deep navy text to ensure your content maintains high readability for users.
Is #fff6b6 readable on white or black?
#fff6b6 has a 1.09:1 contrast ratio on white and 19.10: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.