#DC87E4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon-leaning purple is bold and high-energy. Because it is so intense, reserve #dc87e4 as a 10% accent for calls to action or UI highlights instead of a full background. It pairs best with matte black or deep charcoal to ground the vibrancy. Black text works perfectly over this hex code, offering a sharp 8.6:1 contrast ratio for clear, legible copy.
Questions about #dc87e4
What is #dc87e4 in RGB, HSL and CMYK?
In RGB, #dc87e4 is rgb(220, 135, 228), in HSL hsl(295, 63%, 71%) and in CMYK 4%, 41%, 0%, 11%.
What is the best way to use #dc87e4 in a UI design?
Reserve #dc87e4 for small UI accents, such as call-to-action buttons or alert highlights, where its high energy can draw the eye without overwhelming the layout. Because of its intense brightness, it functions most effectively when limited to ten percent of your total screen surface.
Which colors pair well with the intensity of #dc87e4?
This neon shade pairs most effectively with charcoal or deep matte black to ground the design and prevent the purple from feeling too disconnected. Using a dark neutral creates the necessary tension to make the vibrant purple pop rather than clash with other competing hues.
Is #dc87e4 readable on white or black?
#dc87e4 has a 2.43:1 contrast ratio on white and 8.62:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.