#FFB171 Hex Color

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

Hex color #ffb171 graphic
#ffb171 is a light, glowing orange with strong yellow undertones that bring warmth to any layout. Because it is highly readable against black text, it functions well as a background or base color for UI elements. Use it sparingly, as this cheerful tone can overpower delicate designs if applied to large areas. The hex code for this pastel shade is #ffb171.

Questions about #ffb171

What is #ffb171 in RGB, HSL and CMYK?
In RGB, #ffb171 is rgb(255, 177, 113), in HSL hsl(27, 100%, 72%) and in CMYK 0%, 31%, 56%, 0%.
Does #ffb171 work well for body text?
#ffb171 is often too light for small, body-size text, which can cause significant readability issues on white backgrounds. It serves best as a vibrant accent or header color paired with deep, high-contrast text like charcoal or dark brown to maintain clear visibility.
What colors pair best with #ffb171?
This warm orange pairs naturally with cooling tones to create balance, such as a deep teal or a muted navy blue. Using these cooler opposites helps neutralize the intensity of the yellow undertones, making the overall design feel more professional and grounded.
Is #ffb171 readable on white or black?
#ffb171 has a 1.78:1 contrast ratio on white and 11.77: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.