#EC1688 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A hot, saturated pink that leans toward magenta, #ec1688 is all energy with no restraint. Its full chroma and mid lightness make it a strong accent for buttons, packaging and calls to action, though it overwhelms as a full background. It flatters deep teal and charcoal better than soft pastels. Black text also reads clearly on it, with contrast near 5.0:1.
Questions about #ec1688
What is #ec1688 in RGB, HSL and CMYK?
In RGB, #ec1688 is rgb(236, 22, 136), in HSL hsl(328, 85%, 51%) and in CMYK 0%, 91%, 42%, 7%. Browse more shades of pink with names and hex codes.
What text color works best on #ec1688?
Black text is the safe choice, with a contrast ratio near 5.0:1, which passes WCAG AA for body text. White text sits around 4.2:1, so keep it for large headings only.
What colors pair well with #ec1688?
Deep teal and charcoal both let #ec1688 glow without clashing. Skip warm reds and oranges, since its blue undertone turns muddy next to them.
Is #ec1688 readable on white or black?
#ec1688 has a 4.16:1 contrast ratio on white and 5.03: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.