#DE4BA6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated pink radiates intense energy, demanding immediate attention wherever it appears. Because of its high chroma, #de4ba6 functions best as a bold accent or highlight rather than a dominant background color. It pairs surprisingly well with deep charcoal grays to ground the intensity. The hex code for this vivid, confident pink is #de4ba6, which supports excellent readability when paired with dark text.
Questions about #de4ba6
What is #de4ba6 in RGB, HSL and CMYK?
In RGB, #de4ba6 is rgb(222, 75, 166), in HSL hsl(323, 69%, 58%) and in CMYK 0%, 66%, 25%, 13%.
How should I use #de4ba6 in UI design?
#de4ba6 is best used as a small-scale accent color, such as for call-to-action buttons, notifications, or primary highlights, because its intense saturation can quickly overpower a interface. Use it sparingly to maintain visual balance against neutral backgrounds.
What colors pair well with #de4ba6?
This vibrant pink creates a sophisticated, grounding contrast when paired with charcoal or deep slate grays. For a more adventurous scheme, it also provides a striking, high-impact counterpoint when set against dark, muted navy blue tones.
Is #de4ba6 readable on white or black?
#de4ba6 has a 3.70:1 contrast ratio on white and 5.66: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.