#A3778C Hex Color

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

Hex color #a3778c graphic
A dusty, muted mauve with strong gray undertones, #a3778c offers a mature take on pink. It reads as a sophisticated neutral rather than a primary hue, making it an excellent supporting element in branding or fashion palettes. Because it has enough contrast for small black text, it works well in UI design. Pair this shade with charcoal grays or olive greens to ground its warmth.

Questions about #a3778c

What is #a3778c in RGB, HSL and CMYK?
In RGB, #a3778c is rgb(163, 119, 140), in HSL hsl(331, 19%, 55%) and in CMYK 0%, 27%, 14%, 36%.
What colors pair well with #a3778c?
#a3778c pairs best with grounding neutrals like charcoal or earthy tones such as olive to emphasize its muted, sophisticated character. These high-contrast combinations allow the mauve to function as a warm anchor without appearing overly saturated in a design.
Is #a3778c suitable for UI text?
While #a3778c provides enough contrast against light backgrounds for larger UI elements, it is generally too soft for body text. Use it primarily for secondary accents, decorative elements, or brand highlights to maintain essential readability standards across your digital layouts.
Is #a3778c readable on white or black?
#a3778c has a 3.76:1 contrast ratio on white and 5.57: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.