#FF8500 Hex Color

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

Hex color #ff8500 graphic
#ff8500 is a highly saturated, energetic orange that commands immediate attention. Because of its intensity, it works best as a 10% accent color for calls to action or highlights rather than a full background. Pair it with deep charcoal or navy to ground its brightness. The hex code for this vivid shade is #ff8500, which offers enough contrast for black text to remain legible.

Questions about #ff8500

What is #ff8500 in RGB, HSL and CMYK?
In RGB, #ff8500 is rgb(255, 133, 0), in HSL hsl(31, 100%, 50%) and in CMYK 0%, 48%, 100%, 0%.
How should I use #ff8500 in my design system?
Use #ff8500 sparingly as a 10% accent color to highlight buttons or alerts rather than filling large backgrounds. Its high saturation works best when grounded against dark neutral tones like charcoal or deep navy to maintain visual balance.
Is #ff8500 readable on white or black?
#ff8500 has a 2.43:1 contrast ratio on white and 8.60: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.