#FC4C02 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated orange-red commands immediate attention. Because it is highly energetic, use #fc4c02 sparingly as a 10% accent color rather than a large background. It pairs surprisingly well with muted charcoal grays, which ground its loudness. With a 6.2:1 contrast ratio against black text, the hex code is readable for fine details and call-to-action buttons in UI designs.
Questions about #fc4c02
What is #fc4c02 in RGB, HSL and CMYK?
In RGB, #fc4c02 is rgb(252, 76, 2), in HSL hsl(18, 98%, 50%) and in CMYK 0%, 70%, 99%, 1%.
How should I use #fc4c02 in a web interface?
Apply #fc4c02 sparingly as an accent color for call-to-action buttons or small highlights because its high energy can overwhelm a design if overused. It remains highly readable against black backgrounds and creates strong visual hierarchy in UI components.
What colors pair well with #fc4c02?
Balance the intensity of #fc4c02 by pairing it with charcoal or dark neutral grays which ground its loudness. Because it sits in the orange-red spectrum, it also creates dynamic contrast when placed against deep navy tones for a modern, high-impact aesthetic.
Is #fc4c02 readable on white or black?
#fc4c02 has a 3.40:1 contrast ratio on white and 6.17:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.