#EC681B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ec681b is a high-energy, saturated orange that commands attention. Because of its intensity, this hue works best as a sharp accent color rather than a large background. It pairs well with deep charcoal grays to create a modern, high-contrast look. As the hex code #ec681b meets accessibility standards, black text remains highly readable over it for buttons or calls to action.
Questions about #ec681b
What is #ec681b in RGB, HSL and CMYK?
In RGB, #ec681b is rgb(236, 104, 27), in HSL hsl(22, 85%, 52%) and in CMYK 0%, 56%, 89%, 7%.
What works best as a companion color for #ec681b?
Deep charcoal or dark slate tones create the most effective contrast, grounding the high energy of #ec681b without competing for attention. This pairing balances the intensity of the orange while keeping text and UI elements highly readable for users.
Is #ec681b suitable for large background areas?
It is generally too intense for full-page backgrounds as it can strain the eyes and overwhelm other elements. Instead, reserve #ec681b for call-to-action buttons, notification badges, or graphical accents where you need to draw immediate visual focus.
Is #ec681b readable on white or black?
#ec681b has a 3.19:1 contrast ratio on white and 6.56: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.