#DE3A6B Hex Color
An intense and lively pinkish-red
#de3a6b is an intensely saturated, vivid pinkish-red that demands immediate attention. Because of its high energy, it works best as a 10% accent color for calls to action rather than a dominant background. Black text remains legible against this shade, ensuring it stays accessible for small UI elements. Pair it with deep charcoal or slate greys to ground the intensity of the hex code #de3a6b.
Questions about #de3a6b
What is #de3a6b in RGB, HSL and CMYK?
In RGB, #de3a6b is rgb(222, 58, 107), in HSL hsl(342, 71%, 55%) and in CMYK 0%, 74%, 52%, 13%.
How should #de3a6b be used in UI design?
#de3a6b serves best as a high-impact accent color rather than a dominant background. Limit its application to 10% of your interface, such as for call-to-action buttons or status indicators, to maintain visual balance and prevent reader fatigue.
Which colors balance the intensity of #de3a6b?
Pair #de3a6b with deep, neutral tones like charcoal or slate grey to ground its extreme vibrancy. These dark, muted companions prevent the color from overwhelming the design while ensuring that any black or white text remains perfectly legible.
Is #de3a6b readable on white or black?
#de3a6b has a 4.26:1 contrast ratio on white and 4.92: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.