#FC9804 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation and intense, this orange demands attention. Due to its extreme brightness, #fc9804 functions best as a 10% accent color rather than a dominant background, which can overwhelm the eye. It pairs well with deep charcoals for a crisp, modern aesthetic. The hex code is #fc9804, and because it offers strong contrast, black text remains legible against it for bold UI elements.
Questions about #fc9804
What is #fc9804 in RGB, HSL and CMYK?
In RGB, #fc9804 is rgb(252, 152, 4), in HSL hsl(36, 98%, 50%) and in CMYK 0%, 40%, 98%, 1%. Browse more shades of orange with names and hex codes.
How should I use the #fc9804 orange in professional design?
Because #fc9804 is an incredibly intense, high-energy orange, reserve it for small 10% accent details rather than large backgrounds. It performs best as a call-to-action button or a highlight element, ensuring it creates impact without overwhelming the user interface.
What colors pair best with #fc9804?
To balance the extreme brightness of #fc9804, pair it with a deep charcoal or near-black to establish a sophisticated, modern aesthetic. These dark neutrals provide the necessary contrast for readability, making the orange pop while keeping the design grounded and professional.
Is #fc9804 readable on white or black?
#fc9804 has a 2.18:1 contrast ratio on white and 9.63: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.