#FE8200 Hex Color

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

Hex color #fe8200 graphic
#fe8200 is an intensely saturated orange that demands immediate attention. Because of its high chroma, avoid using it for large background surfaces where it can easily become overwhelming. Instead, treat this shade as a powerful accent for calls to action or UI highlights. It maintains excellent contrast with black text, making it a functional choice for buttons or small graphic elements in bold, modern designs.

Questions about #fe8200

What is #fe8200 in RGB, HSL and CMYK?
In RGB, #fe8200 is rgb(254, 130, 0), in HSL hsl(31, 100%, 50%) and in CMYK 0%, 49%, 100%, 0%.
How should I use #fe8200 effectively in UI design?
Because #fe8200 is an intensely saturated orange, it functions best as a focused accent rather than a background. Use it for call-to-action buttons or state notifications where you need to draw the eye immediately without overwhelming the surrounding interface.
What colors pair well with #fe8200 for a balanced palette?
This vibrant shade balances beautifully against neutral, deep tones like charcoal or navy. These dark, muted colors ground the brightness of #fe8200, creating a professional contrast that makes the orange feel energetic without appearing chaotic or aggressive.
Is #fe8200 readable on white or black?
#fe8200 has a 2.49:1 contrast ratio on white and 8.40: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.