#D64FB2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated magenta commands immediate attention in any design. Because of its high chroma, #d64fb2 works best as a sharp accent or call-to-action button rather than a dominant background color. It pairs surprisingly well with dark teals or deep, cool grays if you are learning what colors make gray to ground your palette. Black text provides excellent legibility against this vivid hue.
Questions about #d64fb2
What is #d64fb2 in RGB, HSL and CMYK?
In RGB, #d64fb2 is rgb(214, 79, 178), in HSL hsl(316, 62%, 57%) and in CMYK 0%, 63%, 17%, 16%.
How do I balance the intensity of #d64fb2 in my UI design?
Use #d64fb2 sparingly as a call-to-action button or interactive element to maintain visual hierarchy. It overwhelms if used as a background, so ground it against neutral dark gray or deep navy tones to keep the interface readable.
Does black or white text work better on #d64fb2?
Black text provides the best legibility against the high-chroma magenta of #d64fb2. White text often loses contrast and feels washed out, so opt for dark, solid typography when placing content directly over this color to ensure accessibility standards are met.
Is #d64fb2 readable on white or black?
#d64fb2 has a 3.73:1 contrast ratio on white and 5.62: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.