#FF7B20 Hex Color

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

Hex color #ff7b20 graphic
Bright as a fresh traffic cone, this orange pulls the eye before anything else on the page. #ff7b20 is loud, warm, and saturated, so it earns its keep as a call to action or accent rather than a full background. It flatters deep navy when you want contrast with character. Black text on it reads clearly at about 8.1:1, well past AA. The hex code for this orange is #ff7b20.

Questions about #ff7b20

What is #ff7b20 in RGB, HSL and CMYK?
In RGB, #ff7b20 is rgb(255, 123, 32), in HSL hsl(24, 100%, 56%) and in CMYK 0%, 52%, 87%, 0%. Browse more shades of orange with names and hex codes.
Does black or white text work better on #ff7b20?
Black text works far better on #ff7b20, with a contrast ratio of about 8.1:1, which passes WCAG AA for body text. White text only reaches roughly 2.6:1, so keep it off this color.
What colors pair well with #ff7b20?
Deep navy gives #ff7b20 a strong, grounded contrast, while charcoal keeps things more restrained. For autumn or food themes, warm browns and olive greens make it feel richer instead of louder.
Is #ff7b20 readable on white or black?
#ff7b20 has a 2.59:1 contrast ratio on white and 8.10: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.