#FC5B20 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity orange demands immediate attention. Due to its extreme brilliance and warmth, the hex code #fc5b20 works best as an accent color for calls to action or UI highlights. Avoid using it as a large background, as the sheer saturation can quickly overwhelm the viewer. Pair it with deep charcoals for a modern, grounded contrast.
Questions about #fc5b20
What is #fc5b20 in RGB, HSL and CMYK?
In RGB, #fc5b20 is rgb(252, 91, 32), in HSL hsl(16, 97%, 56%) and in CMYK 0%, 64%, 87%, 1%.
How should I use #fc5b20 effectively in a web interface?
#fc5b20 acts best as an accent color for calls to action, such as primary buttons or small UI highlights, rather than large backgrounds. Because of its extreme saturation, using it on large surfaces can quickly overwhelm the user experience.
Is #fc5b20 readable on white or black?
#fc5b20 has a 3.15:1 contrast ratio on white and 6.65: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.