#FF532F Hex Color

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

Hex color #ff532f graphic
This high-intensity orange-red demands immediate attention. Because it sits at the edge of saturation, #ff532f works best as a sharp accent rather than a background color. Pair it with deep charcoal or navy to ground its visual heat. Black text maintains excellent contrast over this hex code, making it a reliable choice for call-to-action buttons or urgent UI elements that need to pop.

Questions about #ff532f

What is #ff532f in RGB, HSL and CMYK?
In RGB, #ff532f is rgb(255, 83, 47), in HSL hsl(10, 100%, 59%) and in CMYK 0%, 67%, 82%, 0%. Browse more shades of red with names and hex codes.
What colors pair well with #ff532f?
This orange-red thrives when grounded by deep, neutral tones to balance its intensity. Try pairing it with charcoal or navy to create a sophisticated, high-contrast look that prevents the color from overwhelming the surrounding UI elements.
Is #ff532f suitable for text?
The extreme saturation of #ff532f makes it hard to read white text against, so prioritize black text for accessibility. Use it as an interactive button or highlight rather than a background color, as its intense luminance can quickly cause visual fatigue for the viewer.
Is #ff532f readable on white or black?
#ff532f has a 3.21:1 contrast ratio on white and 6.53: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.