#FFA040 Hex Color

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

Select a Color

This bright, high-chroma orange commands attention with its golden undertones. Because it is so saturated, #ffa040 works best as a punchy accent color rather than a dominant background. Pair it with deep charcoal or navy to ground its intensity. Black text reads clearly on this surface, making it usable for high-contrast UI elements. The hex code for this glowing shade is #ffa040.

Questions about #ffa040

What is #ffa040 in RGB, HSL and CMYK?

In RGB, #ffa040 is rgb(255, 160, 64), in HSL hsl(30, 100%, 63%) and in CMYK 0%, 37%, 75%, 0%.

How should I effectively use #ffa040 in a design project?

Because #ffa040 is highly saturated and demands attention, use it sparingly as a strategic accent rather than a dominant background color. It works best to highlight call-to-action buttons or small interface elements, especially when set against a neutral, deep charcoal or navy backdrop.

Is #ffa040 readable on white or black?

#ffa040 has a 2.02:1 contrast ratio on white and 10.35: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.

#FFA040 Hex Color

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

Questions about #ffa040

Color tools

Resources