#DB5389 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#db5389 is a bold, high-energy pink that demands attention. As an accent color, it works best for buttons or highlights rather than full backgrounds. Because this hex code offers strong contrast against black text, it stays legible in UI designs. Designers often find it helpful to learn what colors make gray to create a neutral base that grounds this intense shade.
Questions about #db5389
What is #db5389 in RGB, HSL and CMYK?
In RGB, #db5389 is rgb(219, 83, 137), in HSL hsl(336, 65%, 59%) and in CMYK 0%, 62%, 37%, 14%.
How should I use #db5389 in my user interface designs?
#db5389 works best as a punchy accent color rather than a large background fill because of its intense saturation. Use it for primary action buttons, hover states, or highlight elements where you want to draw the user's immediate attention.
Does #db5389 pair well with neutral colors?
This pink is highly effective when paired with charcoal or deep, dark grays, which help ground the intensity of the hue. You can also pair it with soft, muted neutrals to prevent the design from feeling visually overwhelming to the viewer.
Is #db5389 readable on white or black?
#db5389 has a 3.74:1 contrast ratio on white and 5.61: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.