#FFAA80 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy pastel orange leans toward a sunny, saturated peach. Designers often find it challenging as a full-page background, where it can easily overpower lighter elements, but it excels as a punchy accent color. It creates a striking contrast with dark charcoal text, meeting accessibility standards with ease. The hex code #ffaa80 works well for youthful brand palettes or playful UI details needing a warm, optimistic pop.
Questions about #ffaa80
What is #ffaa80 in RGB, HSL and CMYK?
In RGB, #ffaa80 is rgb(255, 170, 128), in HSL hsl(20, 100%, 75%) and in CMYK 0%, 33%, 50%, 0%.
How should I use #ffaa80 in a website interface?
#ffaa80 works best as a punchy accent color for calls-to-action or playful UI details rather than a full-page background, where it can easily overwhelm the eye. It creates excellent contrast when paired with charcoal text for accessibility.
Does #ffaa80 read as a warm or cool color?
This shade leans definitively warm, carrying the energy of a summer sunset or a ripened peach. Because of this, it is perfect for brands that want to communicate friendliness, optimism, and approachability without being too aggressive.
Is #ffaa80 readable on white or black?
#ffaa80 has a 1.85:1 contrast ratio on white and 11.31: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.