#DB40B0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated magenta, #db40b0, brings an intense, high-energy pop to any design. It functions best as a deliberate accent or call-to-action element rather than a full-page background, where its brightness can overwhelm the eye. Pair it with dark grays or black, which maintains strong legibility and satisfies accessibility standards for small text.
Questions about #db40b0
What is #db40b0 in RGB, HSL and CMYK?
In RGB, #db40b0 is rgb(219, 64, 176), in HSL hsl(317, 68%, 55%) and in CMYK 0%, 71%, 20%, 14%.
How can I use #db40b0 effectively in a design without it becoming overwhelming?
#db40b0 functions best as a deliberate accent or strategic call-to-action element rather than a background. Because of its extreme saturation, it commands immediate attention, so reserve it for specific UI components like primary buttons or important notification badges.
What colors pair well with #db40b0 for text or backgrounds?
This magenta works best alongside charcoal or deep near-black shades to maintain strong legibility. Using high-contrast neutrals grounds the intensity of #db40b0 and ensures the combination satisfies standard accessibility requirements for readability on websites and applications.
Is #db40b0 readable on white or black?
#db40b0 has a 3.90:1 contrast ratio on white and 5.37: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.