#D173F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #d173f0 is a neon, high-energy violet that demands immediate attention. Due to its intense saturation, it functions best as a 10% accent for buttons or highlights rather than a full background. Black text maintains high readability against this shade with a 7.4:1 contrast ratio. If you are mixing pink shades into your palette, this bold purple provides sharp, structured contrast.
Questions about #d173f0
What is #d173f0 in RGB, HSL and CMYK?
In RGB, #d173f0 is rgb(209, 115, 240), in HSL hsl(285, 81%, 70%) and in CMYK 13%, 52%, 0%, 6%.
How should I use #d173f0 in a user interface?
Limit #d173f0 to roughly 10 percent of your interface, such as for primary buttons, notification badges, or subtle hover highlights. Because of its intense neon energy, using it as a large background or primary brand color can overwhelm the user's eye.
Does #d173f0 pair well with dark or light backgrounds?
This neon violet has a 7.4:1 contrast ratio against black, making it highly readable for text or icons on dark themes. On white backgrounds, it appears vibrant and playful but may require bolder, heavier fonts to maintain clarity and visual balance.
Is #d173f0 readable on white or black?
#d173f0 has a 2.82:1 contrast ratio on white and 7.42:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.