#A689DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool lavender leans heavily into muted violet tones. Because it reads cleanly against black text, it works well for UI elements that require readability and a touch of elegance. Use the hex code #a689dd as a supporting tone in branding or children’s products. It pairs effectively with deep charcoals rather than harsh whites to avoid looking washed out.
Questions about #a689dd
What is #a689dd in RGB, HSL and CMYK?
In RGB, #a689dd is rgb(166, 137, 221), in HSL hsl(261, 55%, 70%) and in CMYK 25%, 38%, 0%, 13%.
What colors pair effectively with #a689dd in a design scheme?
#a689dd works best alongside deep, grounded tones rather than pure white, which can make it look washed out. Pair it with dark charcoal or deep slate to maintain a sophisticated, high-contrast look that remains gentle on the eyes.
Is #a689dd suitable for user interface text or interactive elements?
Yes, #a689dd is an excellent choice for UI components because it provides a distinct, elegant hue while maintaining enough visual weight to remain legible. It performs particularly well when applied against neutral backgrounds, ensuring your interface feels polished rather than cluttered.
Is #a689dd readable on white or black?
#a689dd has a 2.89:1 contrast ratio on white and 7.24: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.