#FFAF5F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling orange is highly saturated and glows with a warm, sunny energy. Because it commands attention, #ffaf5f works best as a punchy 10% accent rather than a dominant background. It pairs surprisingly well with deep charcoal grays for high-contrast UI elements. The hex code for this glowing orange is #ffaf5f, which provides excellent accessibility when paired with black text for readable, punchy graphics.
Questions about #ffaf5f
What is #ffaf5f in RGB, HSL and CMYK?
In RGB, #ffaf5f is rgb(255, 175, 95), in HSL hsl(30, 100%, 69%) and in CMYK 0%, 31%, 63%, 0%.
How should I use #ffaf5f in a UI design?
#ffaf5f functions best as a high-impact accent color, typically occupying no more than 10% of your interface layout. Using it sparingly for buttons, call-to-action elements, or small icon highlights ensures the color provides energy without overwhelming your user's visual experience.
Is #ffaf5f readable on white or black?
#ffaf5f has a 1.81:1 contrast ratio on white and 11.54: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.