#FFB78B Hex Color
A glowing, sun-drenched soft orange
This pale, glowing orange carries high lightness, which prevents it from feeling heavy. Because black text offers 12.4:1 contrast against it, the hex code #ffb78b works perfectly for accessible UI backgrounds. Avoid using it alone against white, as it may appear washed out. Pair this shade with deep charcoal or slate to ground its soft, youthful character in your next project.
Questions about #ffb78b
What is #ffb78b in RGB, HSL and CMYK?
In RGB, #ffb78b is rgb(255, 183, 139), in HSL hsl(23, 100%, 77%) and in CMYK 0%, 28%, 45%, 0%.
How can I effectively use #ffb78b in UI design?
Because #ffb78b offers high lightness, it functions best as a soft background color paired with dark, grounding text like charcoal or deep slate. This contrast ratio ensures your text remains readable while keeping the overall aesthetic approachable and youthful.
Why does #ffb78b appear washed out on white backgrounds?
This color possesses a very high lightness value, which causes it to blend into white backgrounds rather than stand out. To avoid a washed-out appearance, always pair #ffb78b with darker, high-saturation accents or deep neutral borders that define its shape.
Is #ffb78b readable on white or black?
#ffb78b has a 1.69:1 contrast ratio on white and 12.39: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.