#CD2AB2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #cd2ab2 graphic
This intense, saturated magenta commands attention with high chroma and an aggressive, neon-adjacent energy. As a high-contrast accent, #cd2ab2 works best in small doses to guide user focus, such as on buttons or notification badges. White text remains legible against this shade, ensuring accessibility for UI elements. Use it sparingly, as its loudness can quickly overwhelm a design if applied as a large background area.

Questions about #cd2ab2

What is #cd2ab2 in RGB, HSL and CMYK?
In RGB, #cd2ab2 is rgb(205, 42, 178), in HSL hsl(310, 66%, 48%) and in CMYK 0%, 80%, 13%, 20%.
How should I use #cd2ab2 in a web interface?
#cd2ab2 works best as a surgical accent for call-to-action buttons, error alerts, or notification badges rather than a background. Because it is highly saturated, limit its usage to small areas to maintain readability and avoid overwhelming the user.
What colors pair well with #cd2ab2?
This magenta pairs naturally with neutral tones like charcoal or deep slate to ground its intensity. For a bolder palette, combine it with electric cyan or a soft, desaturated mint to create a striking, modern contrast.
Is #cd2ab2 readable on white or black?
#cd2ab2 has a 4.59:1 contrast ratio on white and 4.56: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 for body text. Try other pairs in the contrast checker.