#A697AE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, unsaturated lavender, #a697ae brings a calm, refined sensibility to any interface. Its low chroma creates a gentle mood that works best as a supporting tone rather than a dominant base. This shade pairs well with deep charcoal or crisp black text for readability. Use it in UI design where you need professional elegance without overwhelming the visual hierarchy. The hex code for this color is #a697ae.
Questions about #a697ae
What is #a697ae in RGB, HSL and CMYK?
In RGB, #a697ae is rgb(166, 151, 174), in HSL hsl(279, 12%, 64%) and in CMYK 5%, 13%, 0%, 32%.
What colors pair well with #a697ae in professional designs?
#a697ae works best when balanced against high-contrast neutrals like charcoal or deep, crisp black. Because this lavender is desaturated, it also complements soft, warm creams or muted earth tones if you want to create a cohesive, sophisticated UI palette.
Is #a697ae readable on white or black?
#a697ae has a 2.74:1 contrast ratio on white and 7.65: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.