#EC693C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated orange-red demands immediate attention. Due to its high intensity, #ec693c functions best as an accent color for calls to action or UI highlights rather than a background. It pairs exceptionally well with charcoal grays and deep navies to anchor its brightness. Because black text offers a strong 6.7:1 contrast ratio against the hex code #ec693c, you can use it confidently for readable, high-impact buttons and signage.
Questions about #ec693c
What is #ec693c in RGB, HSL and CMYK?
In RGB, #ec693c is rgb(236, 105, 60), in HSL hsl(15, 82%, 58%) and in CMYK 0%, 56%, 75%, 7%.
What colors pair well with the #ec693c orange-red?
#ec693c functions best when balanced by deep neutrals like charcoal or deep navy, which anchor its brightness without competing. For a more adventurous palette, avoid other saturated tones and instead let this orange-red act as the sole focal point.
Is #ec693c suitable for text on a white background?
Yes, #ec693c provides a strong 6.7:1 contrast ratio against black text, making it an excellent candidate for clear, readable buttons or signage. Always verify your specific font weight and size against a white background to ensure optimal accessibility compliance.
Is #ec693c readable on white or black?
#ec693c has a 3.15:1 contrast ratio on white and 6.65: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.