#A676A0 Hex Color

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

Hex color #a676a0 graphic
This muted, dusty magenta leans into a desaturated, matte aesthetic that feels grounded and calm. The hex code #a676a0 works best as a supporting tone rather than a dominant background, as its softness can appear washed out in large, solid fields. Pair it with deep charcoal or slate gray for a sophisticated, modern contrast. It offers excellent readability for black text, making it useful for subtle UI elements or branding details.

Questions about #a676a0

What is #a676a0 in RGB, HSL and CMYK?
In RGB, #a676a0 is rgb(166, 118, 160), in HSL hsl(308, 21%, 56%) and in CMYK 0%, 29%, 4%, 35%.
How do I create a balanced palette using #a676a0?
This shade is best grounded by high-contrast neutrals to maintain readability. Pair #a676a0 with deep charcoal or cool slate to give the magenta a sophisticated, modern edge rather than letting it wash out against light surfaces.
Is #a676a0 suitable for interface design text?
It is generally not recommended for body text because its muted saturation limits readability on most backgrounds. Use #a676a0 strictly for buttons, borders, or subtle UI highlights where a softer, matte aesthetic complements the primary color scheme.
Is #a676a0 readable on white or black?
#a676a0 has a 3.67:1 contrast ratio on white and 5.72: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.