#FC7A2F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fc7a2f is an intense, saturated orange that demands attention. Because it commands focus, use this shade as a high-impact accent or call-to-action button rather than a primary background color. It pairs surprisingly well with deep charcoal grays for a modern, industrial look. The hex code for this bold color is #fc7a2f, which maintains excellent contrast against black text for readable UI elements.
Questions about #fc7a2f
What is #fc7a2f in RGB, HSL and CMYK?
In RGB, #fc7a2f is rgb(252, 122, 47), in HSL hsl(22, 97%, 59%) and in CMYK 0%, 52%, 81%, 1%.
What colors pair well with #fc7a2f for a modern UI?
#fc7a2f works effectively when grounded by dark, neutral tones to balance its high saturation. It pairs exceptionally well with charcoal or deep slate grays, which allow the vibrant orange to pop as a call-to-action without overwhelming the interface.
Is #fc7a2f suitable for text on light backgrounds?
#fc7a2f generally fails standard accessibility contrast ratios when used as text against white or light backgrounds. It is better reserved for UI elements like buttons, icons, or decorative borders where readability requirements are less strict than body copy.
Is #fc7a2f readable on white or black?
#fc7a2f has a 2.63:1 contrast ratio on white and 7.96: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.