#FFAF25 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon-adjacent orange is high-energy and radiates intense warmth. Because #ffaf25 is so saturated, it creates a powerful impact as a 10% accent rather than a full background. Pair it with deep charcoal or navy to ground its intensity and prevent it from feeling overwhelming. Its high contrast ensures that black text remains legible, making the hex code #ffaf25 useful for attention-grabbing UI elements or call-to-action buttons.
Questions about #ffaf25
What is #ffaf25 in RGB, HSL and CMYK?
In RGB, #ffaf25 is rgb(255, 175, 37), in HSL hsl(38, 100%, 57%) and in CMYK 0%, 31%, 85%, 0%. Browse more shades of orange with names and hex codes.
How can I effectively use #ffaf25 in a UI design?
Is #ffaf25 readable on white or black?
#ffaf25 has a 1.84:1 contrast ratio on white and 11.41: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.