#D696A4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #d696a4 graphic
This dusty, unsaturated pink feels gentle and approachable. With its muted, ashy undertones, #d696a4 avoids the cloying sweetness of brighter pinks. It works best as a supporting tone in a palette, particularly when paired with charcoal greys or deep, cool olives to balance its innate warmth. Since black text provides excellent readability against this hex code, it is a practical choice for soft UI backgrounds or branding.

Questions about #d696a4

What is #d696a4 in RGB, HSL and CMYK?
In RGB, #d696a4 is rgb(214, 150, 164), in HSL hsl(347, 44%, 71%) and in CMYK 0%, 30%, 23%, 16%.
What colors pair best with #d696a4?
#d696a4 functions beautifully when grounded by darker, cooler tones that provide necessary visual weight. It creates a sophisticated, balanced palette when paired with deep charcoal or dark olive hues, which prevent the pink from appearing too saccharine in modern interface designs.
Is #d696a4 suitable for text on websites?
While #d696a4 is excellent for backgrounds and UI accents, it lacks sufficient contrast for standard body text against white. Always use black or very dark charcoal text over this shade to ensure your content meets accessibility standards for all users.
Is #d696a4 readable on white or black?
#d696a4 has a 2.39:1 contrast ratio on white and 8.75: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.