#EA7D2A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ea7d2a is a high-energy, saturated orange with enough intensity to demand attention. Because this shade is so bold, it functions best as a functional accent for calls to action rather than a large background color. It pairs surprisingly well with deep charcoal grays, which ground the warmth. The hex code for this color is #ea7d2a, and it maintains high readability with black text.
Questions about #ea7d2a
What is #ea7d2a in RGB, HSL and CMYK?
In RGB, #ea7d2a is rgb(234, 125, 42), in HSL hsl(26, 82%, 54%) and in CMYK 0%, 47%, 82%, 8%.
What colors pair best with #ea7d2a for UI design?
Deep charcoal or near-black grays are the ideal partner for #ea7d2a, as they ground the intense warmth and provide enough contrast for text readability. Using this saturated orange against a neutral, dark background makes buttons pop effectively without overwhelming the interface.
Can I use #ea7d2a for large text or backgrounds?
Because #ea7d2a is extremely high-energy and saturated, it often causes eye strain when applied to large background areas or blocks of paragraph text. Reserve this color for call-to-action buttons, small UI highlights, or graphic elements that require immediate user attention.
Is #ea7d2a readable on white or black?
#ea7d2a has a 2.81:1 contrast ratio on white and 7.46: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.