#FFC480 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated orange provides a mellow, glowing warmth that works effectively for optimistic and youthful branding. Because #ffc480 offers high contrast against black text, it serves well as a primary background color for UI layouts. Use it sparingly to avoid a washed-out effect on screens. For the best visual impact, pair this hex code with deep, slate-colored grays rather than pure black or stark white.
Questions about #ffc480
What is #ffc480 in RGB, HSL and CMYK?
In RGB, #ffc480 is rgb(255, 196, 128), in HSL hsl(32, 100%, 75%) and in CMYK 0%, 23%, 50%, 0%.
How do I use #ffc480 effectively in UI design?
Use #ffc480 as a background color for light, optimistic interfaces rather than as a primary text color. It lacks the contrast needed for body text against white, so pair it with charcoal or dark slate grays to keep readability high.
Which colors pair best with #ffc480?
Is #ffc480 readable on white or black?
#ffc480 has a 1.56:1 contrast ratio on white and 13.45: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.