#EC6313 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and intensely saturated, #ec6313 demands attention as a bold, fiery accent. Its punchy, warm character makes it ideal for call-to-action buttons or athletic branding where readability is key. Because this hex code provides excellent contrast against black text, it maintains legibility at smaller sizes. Use it sparingly to inject excitement into a design, as its loudness can easily overwhelm neutral backgrounds if overused.
Questions about #ec6313
What is #ec6313 in RGB, HSL and CMYK?
In RGB, #ec6313 is rgb(236, 99, 19), in HSL hsl(22, 85%, 50%) and in CMYK 0%, 58%, 92%, 7%.
Where should I use the #ec6313 orange?
Because #ec6313 carries such high visual intensity, it performs best as a strategic accent rather than a background. Use it for call-to-action buttons or highlights to draw immediate attention, but pair it with charcoal or deep navy for readability.
Is #ec6313 readable on white or black?
#ec6313 has a 3.30:1 contrast ratio on white and 6.36: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.