#EC680E Hex Color
A high energy, vibrant saturated orange
#ec680e is a saturated, high-energy orange that demands attention. Because it is so intense, it works best as a 10% accent rather than a background color. Pair it with deep charcoal or slate gray to ground its brightness. Black text provides excellent readability against this shade, meeting accessibility standards for body copy. The hex code for this powerful, adventurous orange is #ec680e.
Questions about #ec680e
What is #ec680e in RGB, HSL and CMYK?
In RGB, #ec680e is rgb(236, 104, 14), in HSL hsl(24, 89%, 49%) and in CMYK 0%, 56%, 94%, 7%.
What colors work well with #ec680e in a design scheme?
Because #ec680e is such an intense, high-energy orange, it balances perfectly when paired with charcoal or deep slate tones. These dark, muted neutrals ground the brightness of the orange, preventing the design from feeling too overwhelming for the viewer.
Is #ec680e suitable for use as body text?
No, #ec680e lacks the necessary contrast against light backgrounds to meet standard accessibility requirements for readability. It is much better suited for call-to-action buttons, warning icons, or vibrant graphic accents rather than large blocks of text.
Is #ec680e readable on white or black?
#ec680e has a 3.20:1 contrast ratio on white and 6.55: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.