#EC6169 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-octane red, #ec6169 commands attention through sheer saturation. This bold, warm hue works best as an accent rather than a background, as its intensity can easily overwhelm a layout. It pairs well with charcoal or soft creams, providing a stark contrast that works for calls to action. For those seeking other shades of brown to balance this energy, keep the hex code #ec6169 for high-impact UI elements.
Questions about #ec6169
What is #ec6169 in RGB, HSL and CMYK?
In RGB, #ec6169 is rgb(236, 97, 105), in HSL hsl(357, 79%, 65%) and in CMYK 0%, 59%, 56%, 7%.
How do I best use #ec6169 in a UI design?
Use #ec6169 sparingly as an accent color for call-to-action buttons or critical alerts where you need to draw the eye immediately. Because it is so saturated, pairing it with neutral backgrounds like charcoal or soft whites keeps your layout from feeling overwhelming or chaotic.
Is #ec6169 suitable for large amounts of text?
Avoid using #ec6169 for large blocks of text as the high intensity causes eye strain and reduces accessibility for users. It serves best as a vibrant pop for UI elements, while keeping any surrounding body text in a dark, neutral shade to maintain readability standards.
Is #ec6169 readable on white or black?
#ec6169 has a 3.24:1 contrast ratio on white and 6.48: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.