#FD8703 Hex Color

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

Hex color #fd8703 graphic
This high-energy orange commands attention with its intense, saturated pigment. Because of its extreme brightness, #fd8703 works best as a 10% accent color for calls to action rather than a full background. Pair it with deep charcoals to make the tone pop without becoming overwhelming. The hex code for this shade is #fd8703, providing enough contrast for legible black text in most UI applications.

Questions about #fd8703

What is #fd8703 in RGB, HSL and CMYK?
In RGB, #fd8703 is rgb(253, 135, 3), in HSL hsl(32, 98%, 50%) and in CMYK 0%, 47%, 99%, 1%.
How can I effectively use #fd8703 in a UI design?
#fd8703 is best applied sparingly as an accent color for primary buttons or notification badges. Because it is highly saturated, using it for backgrounds often overwhelms the eyes, so pair it with charcoal or deep slate to maintain legible contrast.
What color schemes work well with #fd8703?
To balance the intensity of #fd8703, consider a complementary scheme featuring deep navy or teal tones. These cooler, darker shades ground the brightness of the orange, allowing the color to stand out as a focal point without clashing with the rest of your palette.
Is #fd8703 readable on white or black?
#fd8703 has a 2.42:1 contrast ratio on white and 8.64: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.