#F3AF48 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f3af48 graphic
This glowing, golden orange demands attention with its saturated, warm character. Because it leans heavily into yellow undertones, #f3af48 creates a high-energy mood perfect for youthful branding or seasonal accents. Use it as a 10% pop of color against dark navy or charcoal grey to ground its intensity. The hex code is #f3af48, and it maintains enough contrast to support black body text comfortably.

Questions about #f3af48

What is #f3af48 in RGB, HSL and CMYK?
In RGB, #f3af48 is rgb(243, 175, 72), in HSL hsl(36, 88%, 62%) and in CMYK 0%, 28%, 70%, 5%.
What colors pair best with #f3af48?
This golden orange works best when grounded by deep, cool neutrals like navy or charcoal. These dark tones anchor the intense, high-energy nature of #f3af48, allowing it to act as a focused pop of color without overwhelming your design.
Is #f3af48 suitable for text on light backgrounds?
While #f3af48 is highly visible, it often fails standard accessibility contrast ratios when placed against white or light grey. It is best reserved for accents, call-to-action buttons, or graphical elements rather than large blocks of body text.
Is #f3af48 readable on white or black?
#f3af48 has a 1.90:1 contrast ratio on white and 11.03: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.