#FC6726 Hex Color

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

Hex color #fc6726 graphic
High-intensity and impossible to ignore, #fc6726 acts as a powerful attention-grabber. This saturated orange serves best as a strategic accent rather than a background, where it can easily overwhelm the eye. It pairs unexpectedly well with deep charcoal grays for a modern, industrial look. The hex code for this high-energy shade is #fc6726, which offers enough contrast for legible black text on small UI elements.

Questions about #fc6726

What is #fc6726 in RGB, HSL and CMYK?
In RGB, #fc6726 is rgb(252, 103, 38), in HSL hsl(18, 97%, 57%) and in CMYK 0%, 59%, 85%, 1%.
What colors pair well with #fc6726 for a balanced design?
#fc6726 works best when grounded by dark, neutral tones like charcoal or deep slate. These colors provide the necessary visual weight to balance its intense, high-energy vibrancy, preventing it from overwhelming the user interface or graphic layout.
Can #fc6726 be used for text in web design?
Using #fc6726 as text is generally discouraged because it lacks sufficient contrast against standard white or light gray backgrounds. If you must use it, pair it only with very dark backgrounds to ensure legibility and accessibility for all readers.
Is #fc6726 readable on white or black?
#fc6726 has a 2.95:1 contrast ratio on white and 7.10: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.