#FC8C0C Hex Color

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

Hex color #fc8c0c graphic
This bold, high-energy orange commands immediate attention. Because it is so saturated, #fc8c0c works best as a 10% accent color for calls to action or UI highlights rather than a full background. It pairs exceptionally well with charcoal grays or deep navies to anchor its intensity. The hex code for this vivid shade is #fc8c0c, which maintains excellent contrast against black text.

Questions about #fc8c0c

What is #fc8c0c in RGB, HSL and CMYK?
In RGB, #fc8c0c is rgb(252, 140, 12), in HSL hsl(32, 98%, 52%) and in CMYK 0%, 44%, 95%, 1%.
How can I effectively use #fc8c0c in a user interface?
Because #fc8c0c is highly saturated, it works best as a 10% accent color for interactive elements like buttons or notification badges. Avoid using it as a large background to prevent overwhelming the user’s visual experience while maintaining high-impact attention.
What colors pair best with #fc8c0c?
To anchor the intensity of #fc8c0c, pair it with deep, neutral tones like charcoal or navy. These darker, desaturated colors provide a stable backdrop that allows the brightness of the orange to stand out without causing visual strain.
Is #fc8c0c readable on white or black?
#fc8c0c has a 2.36:1 contrast ratio on white and 8.89: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.