#DB3EB1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense magenta demands immediate attention through its extreme saturation. Because it is so loud and aggressive, use #db3eb1 as a strategic accent rather than a base color. It pairs surprisingly well with deep charcoal grays, which ground its electric energy. Since black text provides excellent readability against this shade, it works well for punchy call-to-action buttons or small design details.
Questions about #db3eb1
What is #db3eb1 in RGB, HSL and CMYK?
In RGB, #db3eb1 is rgb(219, 62, 177), in HSL hsl(316, 69%, 55%) and in CMYK 0%, 72%, 19%, 14%.
How should I effectively use #db3eb1 in a UI design?
#db3eb1 is best reserved for high-impact elements like call-to-action buttons or small, critical notification badges rather than broad backgrounds. Because of its extreme saturation, it visually dominates a layout and can easily overwhelm the viewer if used in large, solid blocks.
What colors pair best with #db3eb1 for a balanced palette?
This magenta works surprisingly well when paired with deep charcoal or slate grays, which serve to ground its electric energy. Using these dark, muted neutrals helps temper the intense, loud nature of #db3eb1 while ensuring your primary content remains highly readable.
Is #db3eb1 readable on white or black?
#db3eb1 has a 3.93:1 contrast ratio on white and 5.33: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.