#CE2F64 Hex Color
A punchy and high intensity magenta
This saturated, high-intensity magenta creates an immediate visual punch. Because it is so loud and demanding, #ce2f64 works best as a 10% accent color for calls to action or UI highlights rather than a background. Use white text for optimal readability, as this pairing meets accessibility standards. It pairs surprisingly well with deep charcoal grays to ground its inherent, playful energy.
Questions about #ce2f64
What is #ce2f64 in RGB, HSL and CMYK?
In RGB, #ce2f64 is rgb(206, 47, 100), in HSL hsl(340, 63%, 50%) and in CMYK 0%, 77%, 51%, 19%.
How should I use #ce2f64 in a UI design?
#ce2f64 is extremely saturated and loud, so use it sparingly as a strategic accent color for call-to-action buttons or important UI highlights. Limit its coverage to about 10% of the screen space to prevent it from overwhelming your users.
What colors pair well with #ce2f64?
This magenta acts as a powerful focal point that looks professional when grounded by charcoal or deep slate grays. These dark, neutral tones absorb some of its playful energy, allowing the magenta to pop without appearing chaotic or aggressive.
Is #ce2f64 readable on white or black?
#ce2f64 has a 4.98:1 contrast ratio on white and 4.21: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.