#EC7C1C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ec7c1c is a high-intensity orange that demands attention. Because of its extreme saturation, it works best as a 10% accent or call-to-action button rather than a background. Use it alongside deep, cool charcoals to temper its heat. It maintains 7.5:1 contrast against black text, so it remains readable for small UI elements. The hex code for this color is #ec7c1c.
Questions about #ec7c1c
What is #ec7c1c in RGB, HSL and CMYK?
In RGB, #ec7c1c is rgb(236, 124, 28), in HSL hsl(28, 85%, 52%) and in CMYK 0%, 47%, 88%, 7%.
What colors pair best with #ec7c1c for UI design?
Pair #ec7c1c with deep charcoal or dark gray tones to effectively temper its high-energy heat. This combination creates a sophisticated balance that makes the orange pop without overwhelming the rest of your interface design.
Is #ec7c1c readable on white or black?
#ec7c1c 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.