#FF5200 Hex Color

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

Hex color #ff5200 graphic
#ff5200 is an intense, high-octane orange-red that demands immediate attention. Due to its extreme saturation, it overwhelms backgrounds but excels as an action-oriented accent in UI design. Pair it with dark navy or charcoal grays to ground its visual heat. Because this shade offers strong contrast against black text, it maintains readability even in small interface elements. The hex code for this color is #ff5200.

Questions about #ff5200

What is #ff5200 in RGB, HSL and CMYK?
In RGB, #ff5200 is rgb(255, 82, 0), in HSL hsl(19, 100%, 50%) and in CMYK 0%, 68%, 100%, 0%.
Where should I use #ff5200 in a user interface?
Use #ff5200 primarily for high-priority call-to-action buttons or critical alerts that require immediate attention. Because it is so saturated, reserve it for small interface elements rather than large backgrounds to prevent visual fatigue and maintain user focus.
What colors pair well with #ff5200?
Pair #ff5200 with deep navy or charcoal to ground its intensity and improve readability. These dark, cool-toned neutrals create a sophisticated balance against the aggressive warmth of this orange-red, allowing the hue to pop without feeling chaotic or overwhelming.
Is #ff5200 readable on white or black?
#ff5200 has a 3.25:1 contrast ratio on white and 6.45: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.