#EB7800 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#eb7800 is an intense, saturated orange that commands attention. Because of its high chroma and energy, it works best as a 10% accent color rather than a dominant background. Pair it with deep charcoal or slate grays to ground its intensity and improve legibility. The hex code for this bold, alert color is #eb7800, which offers sufficient contrast for black text in UI design.
Questions about #eb7800
What is #eb7800 in RGB, HSL and CMYK?
In RGB, #eb7800 is rgb(235, 120, 0), in HSL hsl(31, 100%, 46%) and in CMYK 0%, 49%, 100%, 8%.
How should I effectively use #eb7800 in user interface design?
Because #eb7800 is a high-chroma orange, you should limit its use to small UI elements like buttons, notification badges, or icon highlights. Pair it with charcoal or deep slate grays to ground the color and ensure high readability for your users.
Is #eb7800 readable on white or black?
#eb7800 has a 2.90:1 contrast ratio on white and 7.21: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.