#AB9DCE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty lavender reads as a cool, unsaturated violet with a soft, ashy finish. It provides excellent contrast for black text, making it a reliable choice for readable UI backgrounds or structured brand elements. The hex code for this color is #ab9dce. Pair it with deep charcoal or slate gray to ground its airy, feminine quality and avoid a washed-out appearance in your design.
Questions about #ab9dce
What is #ab9dce in RGB, HSL and CMYK?
In RGB, #ab9dce is rgb(171, 157, 206), in HSL hsl(257, 33%, 71%) and in CMYK 17%, 24%, 0%, 19%.
What colors pair best with #ab9dce?
Deep charcoal or slate gray provides necessary contrast for #ab9dce, effectively grounding its airy quality. These dark neutrals prevent the color from appearing too washed-out while maintaining a clean, professional aesthetic for digital interfaces or print.
Is #ab9dce suitable for UI text?
While #ab9dce works well as a background or accent, it lacks the high contrast needed for primary body text. Always pair it with deep, dark-toned text to ensure readability and accessibility standards are met for your users.
Is #ab9dce readable on white or black?
#ab9dce has a 2.48:1 contrast ratio on white and 8.44: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.