#FFAA6E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This soft, warm pastel orange feels optimistic and energetic. It maintains high visibility, making it an excellent choice for UI backgrounds where black text must remain legible. Use #ffaa6e as a supporting tone rather than a dominant base to avoid visual fatigue. It pairs effectively with cool, dark grays to balance its brightness. The hex code is #ffaa6e.
Questions about #ffaa6e
What is #ffaa6e in RGB, HSL and CMYK?
In RGB, #ffaa6e is rgb(255, 170, 110), in HSL hsl(25, 100%, 72%) and in CMYK 0%, 33%, 57%, 0%.
What colors pair well with #ffaa6e?
Is #ffaa6e suitable for text usage?
Using #ffaa6e as a background color is effective for UI elements, but avoid using it as text color on light backgrounds. Due to its high brightness and pastel saturation, it fails standard accessibility contrast ratios when placed against anything other than very dark backgrounds.
Is #ffaa6e readable on white or black?
#ffaa6e has a 1.87:1 contrast ratio on white and 11.22: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.