#CE2786 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, intense pink demands attention with its high-chroma, beaming presence. Because it is so loud and aggressive, the hex code #ce2786 performs best as a small accent or call-to-action button rather than a background color. It pairs surprisingly well with deep forest greens for a striking contrast. White text on this hue reads clearly, meeting WCAG AA standards for accessibility.
Questions about #ce2786
What is #ce2786 in RGB, HSL and CMYK?
In RGB, #ce2786 is rgb(206, 39, 134), in HSL hsl(326, 68%, 48%) and in CMYK 0%, 81%, 35%, 19%.
What is the best way to use #ce2786 in a design layout?
Because #ce2786 is extremely saturated and aggressive on the eyes, it functions best as a small, high-impact accent or call-to-action button. Avoid using it as a large background color, as it can easily overwhelm the rest of your interface components.
Is #ce2786 readable on white or black?
#ce2786 has a 4.93:1 contrast ratio on white and 4.25:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.