#EB7A01 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#eb7a01 is a highly saturated, energetic orange that demands attention. Because of its intensity, it works best as a sharp accent rather than a background color. Pair this shade with dark grays or deep blues to ground its inherent heat. The hex code for this color is #eb7a01, which offers enough contrast against black text for effective, readable calls to action in UI design.
Questions about #eb7a01
What is #eb7a01 in RGB, HSL and CMYK?
In RGB, #eb7a01 is rgb(235, 122, 1), in HSL hsl(31, 99%, 46%) and in CMYK 0%, 48%, 100%, 8%.
How should I use #eb7a01 in a UI design project?
Because #eb7a01 possesses high visual intensity, it serves best as a purposeful accent color for primary call-to-action buttons or notification badges. Use it sparingly against charcoal or dark navy backgrounds to maintain readability without overwhelming the interface with too much saturation.
Which colors balance the intensity of #eb7a01?
Ground the heat of #eb7a01 by pairing it with deep, muted tones that recede visually. Deep navy or cool, dark grays provide the necessary contrast to stabilize this orange, ensuring your design feels energetic yet balanced and accessible for daily user interaction.
Is #eb7a01 readable on white or black?
#eb7a01 has a 2.87:1 contrast ratio on white and 7.31: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.