#EC0C94 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense magenta is exceptionally saturated and commands immediate attention. Because it dominates any layout, use #ec0c94 sparingly as a call-to-action button or a high-impact accent rather than a primary background color. It pairs surprisingly well with charcoal grays or deep teals for a modern, sophisticated edge. The hex code for this vivid shade is #ec0c94, which supports crisp, readable black text for accessibility.
Questions about #ec0c94
What is #ec0c94 in RGB, HSL and CMYK?
In RGB, #ec0c94 is rgb(236, 12, 148), in HSL hsl(324, 90%, 49%) and in CMYK 0%, 95%, 37%, 7%. Browse more shades of pink with names and hex codes.
What colors pair well with #ec0c94 in a web layout?
Is #ec0c94 a safe choice for UI design text?
Using #ec0c94 as body text creates significant accessibility issues due to its low contrast against white or light backgrounds. Reserve this vibrant magenta exclusively for interactive elements like buttons, icons, or focal highlights where it can stand out safely.
Is #ec0c94 readable on white or black?
#ec0c94 has a 4.16:1 contrast ratio on white and 5.04: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.