#FF5100 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity shade demands attention and brings immediate energy to any composition. Because #ff5100 is so saturated, it works best as a 10% accent rather than a primary background color. It pairs surprisingly well with deep charcoal or muted teals to ground its raw power. With a 6.4:1 contrast ratio, black text remains perfectly legible over this bold hex code.
Questions about #ff5100
What is #ff5100 in RGB, HSL and CMYK?
In RGB, #ff5100 is rgb(255, 81, 0), in HSL hsl(19, 100%, 50%) and in CMYK 0%, 68%, 100%, 0%.
What colors best complement #ff5100 in a design layout?
Is #ff5100 suitable for primary text on a web page?
Avoid using #ff5100 as a primary text color because it lacks the necessary contrast against standard light backgrounds for readable body copy. It is much more effective as a button, call-to-action, or small graphical accent that needs to pop.
Is #ff5100 readable on white or black?
#ff5100 has a 3.26:1 contrast ratio on white and 6.42: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.