#EC6A52 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-energy shade balances raw warmth with a loud, attention-grabbing presence. As an accent color, #ec6a52 excels in UI elements like call-to-action buttons or urgent alerts. Because it is so saturated, use it sparingly; it can easily overwhelm a layout if used as a primary background. It looks sharp against dark charcoal text, which offers excellent readability. For softer contrast, consider other shades of orange instead.
Questions about #ec6a52
What is #ec6a52 in RGB, HSL and CMYK?
In RGB, #ec6a52 is rgb(236, 106, 82), in HSL hsl(9, 80%, 62%) and in CMYK 0%, 55%, 65%, 7%.
How should #ec6a52 be used in web design?
Use #ec6a52 strictly as a high-impact accent color for elements like call-to-action buttons or urgent alerts. Because of its extreme saturation, it quickly overwhelms larger areas, so rely on neutrals or deep charcoal for text to maintain visual balance and accessibility.
Is #ec6a52 readable on white or black?
#ec6a52 has a 3.11:1 contrast ratio on white and 6.75: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.