#E28822 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy orange commands attention with its intense, warm undertones. It works best as a punchy accent color in UI design, as using it for large backgrounds can easily overwhelm the eye. For strong legibility, pair this hex code #e28822 with black text to maintain contrast. Designers often use this shade for call-to-action buttons or small visual highlights where impact is needed.
Questions about #e28822
What is #e28822 in RGB, HSL and CMYK?
In RGB, #e28822 is rgb(226, 136, 34), in HSL hsl(32, 77%, 51%) and in CMYK 0%, 40%, 85%, 11%.
What design elements work best with #e28822?
The #e28822 orange is ideal for small UI elements like buttons, notification badges, or icons that require high visibility. Because it is so saturated, avoid using it for large backgrounds or body text, as it quickly becomes fatiguing to the eye.
Is #e28822 readable on white or black?
#e28822 has a 2.69:1 contrast ratio on white and 7.77: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.