#D34496 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#d34496 is a high-chroma pink that commands immediate attention. Its intense, saturated nature makes it an excellent choice for bold accents or call-to-action buttons rather than large, overwhelming backgrounds. This hex code works well with dark, moody grays, which allow the pink to pop without fighting for dominance. Because of its strength, use it sparingly in UI design to maintain readability.
Questions about #d34496
What is #d34496 in RGB, HSL and CMYK?
In RGB, #d34496 is rgb(211, 68, 150), in HSL hsl(326, 62%, 55%) and in CMYK 0%, 68%, 29%, 17%.
Where should I use #d34496 in my UI design?
Due to its intense saturation, #d34496 is best used sparingly as a highlight color for call-to-action buttons or small interface elements. It can easily overwhelm a layout, so avoid using it as a primary background color or for large text blocks.
What colors pair well with the #d34496 pink?
This vibrant pink creates a balanced visual hierarchy when paired with charcoal or deep slate grays. These neutral, darker tones ground the energy of #d34496, allowing the color to pop as an accent without causing eye fatigue for the user.
Is #d34496 readable on white or black?
#d34496 has a 4.16:1 contrast ratio on white and 5.03: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.