#D63BB1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma magenta demands attention with its intense, beaming presence. Because #d63bb1 sits at such a high saturation, it works best as a punchy accent color rather than a main background. It pairs surprisingly well with deep forest greens or charcoal grays to ground its loudness. Accessibility-wise, use this hex code with black text for optimal contrast when integrating it into UI elements.
Questions about #d63bb1
What is #d63bb1 in RGB, HSL and CMYK?
In RGB, #d63bb1 is rgb(214, 59, 177), in HSL hsl(314, 65%, 54%) and in CMYK 0%, 72%, 17%, 16%.
How should I use #d63bb1 effectively in UI design?
Since #d63bb1 is highly saturated, it functions best as a small-scale accent for call-to-action buttons or highlights rather than large background areas. Pair it with charcoal or dark neutral text to ensure the brightness remains impactful without overwhelming the user interface.
What colors pair best with #d63bb1?
The intensity of #d63bb1 balances well against forest green, which provides a natural, complementary contrast that grounds its loudness. Alternatively, pairing it with deep navy tones creates a sophisticated, modern look that tones down the sheer energy of this magenta.
Is #d63bb1 readable on white or black?
#d63bb1 has a 4.10:1 contrast ratio on white and 5.11: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.