#EB6A49 Hex Color

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

Hex color #eb6a49 graphic
This vivid, saturated coral-red carries significant intensity, making it an ideal choice for high-energy calls to action. Because #eb6a49 draws immediate attention, it works best as a punchy accent color rather than a dominant background. Pair it with deep charcoal or slate gray to ground its warmth. With a strong 6.7:1 contrast against black text, the hex code #eb6a49 remains legible for UI buttons or alert messaging.

Questions about #eb6a49

What is #eb6a49 in RGB, HSL and CMYK?
In RGB, #eb6a49 is rgb(235, 106, 73), in HSL hsl(12, 80%, 60%) and in CMYK 0%, 55%, 69%, 8%.
Where should I use the #eb6a49 color in a layout?
Use #eb6a49 as a high-visibility accent rather than a primary background color to maintain user engagement. It works exceptionally well for call-to-action buttons or alert messages where you need to draw the eye immediately without overwhelming the interface.
What colors pair best with #eb6a49 for a balanced design?
Pair #eb6a49 with deep, neutral tones like charcoal or slate gray to ground its inherent warmth. These dark neutrals provide enough contrast to keep the composition readable while preventing the vibrant coral from feeling too chaotic or abrasive.
Is #eb6a49 readable on white or black?
#eb6a49 has a 3.13:1 contrast ratio on white and 6.69:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.