#AB76C3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, cool lavender offers a soft and polished aesthetic. Because it maintains a balanced saturation, the hex code #ab76c3 works as a versatile base for beauty branding or digital UI design. Pair it with dark charcoal grays to create a clean look. The contrast is high enough that black text remains legible, making it a functional choice for readable body copy.
Questions about #ab76c3
What is #ab76c3 in RGB, HSL and CMYK?
In RGB, #ab76c3 is rgb(171, 118, 195), in HSL hsl(281, 39%, 61%) and in CMYK 12%, 39%, 0%, 24%.
What colors pair well with #ab76c3 for UI design?
#ab76c3 functions best alongside deep neutrals like charcoal or soft off-whites to maintain visual balance. Its balanced saturation allows it to serve as a primary accent without overpowering the layout, particularly when grounded by high-contrast text elements.
Is #ab76c3 readable on white or black?
#ab76c3 has a 3.43:1 contrast ratio on white and 6.11: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.