#DE54CE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#de54ce is a saturated, high-intensity magenta that commands immediate attention. Its extreme brightness makes it a difficult choice for large backgrounds, as it quickly overwhelms the eye. Instead, use this shade as a powerful 10% accent in UI elements or call-to-action buttons. Pair it with dark charcoal or near-black text to ensure readability, as it maintains excellent contrast ratios for small, sharp typography.
Questions about #de54ce
What is #de54ce in RGB, HSL and CMYK?
In RGB, #de54ce is rgb(222, 84, 206), in HSL hsl(307, 68%, 60%) and in CMYK 0%, 62%, 7%, 13%.
How should I use #de54ce in a website interface?
Apply #de54ce sparingly as a 10% UI accent, such as on primary call-to-action buttons or notification badges. Because this color is extremely saturated, avoid using it for large backgrounds or body text, as it will quickly overwhelm the user's focus.
Is #de54ce readable on white or black?
#de54ce has a 3.35:1 contrast ratio on white and 6.26: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.