#FFA666 Hex Color
A glowing orange with mellow warmth
This sparkling, mellow orange carries a high-energy glow that pairs well with deep charcoal or navy blues for contrast. Because it remains highly readable with black text, #ffa666 works effectively as an accent color for calls-to-action or illustrations. Avoid using it as a large background fill, as its brightness can quickly overwhelm a layout. The hex code for this optimistic shade is #ffa666.
Questions about #ffa666
What is #ffa666 in RGB, HSL and CMYK?
In RGB, #ffa666 is rgb(255, 166, 102), in HSL hsl(25, 100%, 70%) and in CMYK 0%, 35%, 60%, 0%.
How should I use #ffa666 in UI design?
Use #ffa666 as a strategic accent color for call-to-action buttons or small illustrations rather than as a primary background fill. Its high brightness demands attention, but it can quickly overwhelm a layout if applied to large, flat surfaces.
Which colors pair well with #ffa666?
Is #ffa666 readable on white or black?
#ffa666 has a 1.92:1 contrast ratio on white and 10.89: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.