#FF5542 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A bold, saturated red with a warm orange lean, #ff5542 is bright without feeling harsh. It earns its keep as a small accent on dark backgrounds, where its energy reads sharpest in calls to action and sales graphics. Black text clears WCAG AA on this hex code at about 6.6:1, while white text falls short for body copy. Pair it with deeper brown tones to keep its heat grounded.
Questions about #ff5542
What is #ff5542 in RGB, HSL and CMYK?
In RGB, #ff5542 is rgb(255, 85, 66), in HSL hsl(6, 100%, 63%) and in CMYK 0%, 67%, 74%, 0%.
Does black or white text work better on #ff5542?
Black text on #ff5542 reaches about 6.6:1 contrast, which clears WCAG AA for body copy. White text only hits around 3.2:1, so reserve it for large headlines and bold display type.
What colors pair well with #ff5542?
Deep charcoal and navy ground the heat of #ff5542, while warm browns and creams soften its edge. Skip pale pastels nearby, since they wash this saturated red out.
Is #ff5542 readable on white or black?
#ff5542 has a 3.16:1 contrast ratio on white and 6.63: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.