#FD5225 Hex Color

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

Hex color #fd5225 graphic
#fd5225 is a saturated red-orange with high brightness and a warm, fiery edge. Its vivid intensity brings energy and urgency to calls to action, sports graphics, food branding, and small interface accents. Use it sparingly rather than as a full-page background, since its strength can overwhelm. The hex code #fd5225 supports black text at about a 6.4:1 contrast ratio.

Questions about #fd5225

What is #fd5225 in RGB, HSL and CMYK?
In RGB, #fd5225 is rgb(253, 82, 37), in HSL hsl(12, 98%, 57%) and in CMYK 0%, 68%, 85%, 1%. Browse more shades of red with names and hex codes.
What colors pair well with #fd5225?
#fd5225 pairs well with navy, charcoal, and warm cream, which temper its high saturation without competing for attention and preserve its warm orange-red character while giving layouts a steadier visual base. Navy creates stronger contrast, while warm cream keeps the result softer.
Is #fd5225 suitable for text or backgrounds?
#fd5225 works best as a background behind black text, where its approximately 6.4:1 contrast ratio meets WCAG AA for normal body text; white text has much weaker contrast and should not be the default choice. Its intensity also makes it better for focused sections than full-page layouts.
Is #fd5225 readable on white or black?
#fd5225 has a 3.27:1 contrast ratio on white and 6.41: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.