#FF8522 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #ff8522 is a saturated, bright orange with warm red-yellow undertones. Its high chroma creates an energetic, playful presence suited to calls to action, sports graphics, food branding, and Halloween campaigns. Use it as a small accent against navy or charcoal rather than a full-page background. Black text remains highly legible, with about an 8.6:1 contrast ratio.
Questions about #ff8522
What is #ff8522 in RGB, HSL and CMYK?
In RGB, #ff8522 is rgb(255, 133, 34), in HSL hsl(27, 100%, 57%) and in CMYK 0%, 48%, 87%, 0%.
What colors pair well with #ff8522?
Is #ff8522 a warm or cool color?
#ff8522 reads as a warm orange because its saturated hue sits between red and yellow, creating an energetic, playful impression that suits action-focused designs, food branding, sports graphics, and seasonal campaigns.
Where should I use #ff8522?
#ff8522 works best as a vivid accent for calls to action, buttons, sports graphics, food branding, and Halloween-themed designs, where its warm saturation draws attention without requiring a full-page background.
Is #ff8522 readable on white or black?
#ff8522 has a 2.43:1 contrast ratio on white and 8.63:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.