#FF5A22 Hex Color

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

Hex color #ff5a22 graphic
Pure heat. #ff5a22 is a saturated red with a strong orange lean, and it reads loud the moment it hits the page. Use it as an accent for buttons, sale tags, or sports branding; full backgrounds overwhelm fast. The hex code also carries enough contrast for small black text at roughly 6.7:1, so it passes AA.

Questions about #ff5a22

What is #ff5a22 in RGB, HSL and CMYK?
In RGB, #ff5a22 is rgb(255, 90, 34), in HSL hsl(15, 100%, 57%) and in CMYK 0%, 65%, 87%, 0%.
What colors pair well with #ff5a22?
Try deep teal or charcoal, both cool the heat of #ff5a22 without dulling it. Cream works too if you want the color to stay loud. Avoid yellow and pink, which tip it toward carnival.
Is black or white text better on #ff5a22?
Black text. It hits about 6.7:1 contrast against #ff5a22, which passes WCAG AA for body text. White falls short, so keep it to large display type if you use it at all.
Is #ff5a22 readable on white or black?
#ff5a22 has a 3.11:1 contrast ratio on white and 6.73: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.