#DE96FD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright violet packs a high-energy punch. Use #de96fd as a punchy 10% accent rather than a dominant background to avoid overwhelming your layout. Black text provides 9.9:1 contrast against it, easily meeting all accessibility requirements for small body text. Pair it with deep charcoal or slate gray to ground its intensity in your UI. The hex code for this color is #de96fd.
Questions about #de96fd
What is #de96fd in RGB, HSL and CMYK?
In RGB, #de96fd is rgb(222, 150, 253), in HSL hsl(282, 96%, 79%) and in CMYK 12%, 41%, 0%, 1%.
What colors pair well with #de96fd in UI design?
#de96fd works best when grounded by neutral, dark tones like slate gray or deep charcoal to balance its high saturation. Using #de96fd as a small, strategic 10% accent prevents it from becoming overwhelming while maintaining a modern, punchy visual aesthetic.
Is #de96fd readable on white or black?
#de96fd has a 2.12:1 contrast ratio on white and 9.88: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.