#EB7E48 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, bold orange demands attention. It acts as a high-energy tone that works best as a punchy accent rather than a background. For buttons or calls to action, the hex code #eb7e48 provides immediate focus. Black text maintains a high 7.6:1 contrast ratio against this hue, ensuring readability at small sizes. Try pairing it with deep, cool charcoals to balance the intensity.
Questions about #eb7e48
What is #eb7e48 in RGB, HSL and CMYK?
In RGB, #eb7e48 is rgb(235, 126, 72), in HSL hsl(20, 80%, 60%) and in CMYK 0%, 46%, 69%, 8%.
How can I balance the intensity of #eb7e48 in a design layout?
Pair #eb7e48 with deep, cool charcoal or slate tones to anchor its high-energy, saturated nature. Using it sparingly as a punchy accent against neutral, dark backgrounds ensures the color creates focus without overwhelming the viewer's eyes.
Is #eb7e48 suitable for text on dark backgrounds?
Yes, #eb7e48 maintains strong readability against very dark backgrounds or near-black tones. Because of its high saturation and light value, it provides a sharp, accessible contrast that makes text or interface icons pop clearly against charcoal or midnight surfaces.
Is #eb7e48 readable on white or black?
#eb7e48 has a 2.75:1 contrast ratio on white and 7.61: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.