#AB86DE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, cool lavender feels restrained and elegant. It carries a soft, muted energy that works well as a supporting tone in wellness or cosmetic branding. Because it is light and readable, black text provides excellent contrast against it. The hex code for this color is #ab86de. Use it sparingly, as a large background can sometimes feel washed out.
Questions about #ab86de
What is #ab86de in RGB, HSL and CMYK?
In RGB, #ab86de is rgb(171, 134, 222), in HSL hsl(265, 57%, 70%) and in CMYK 23%, 40%, 0%, 13%.
Does #AB86DE pair better with light or dark text?
#AB86DE functions best when paired with dark text, specifically high-contrast black or deep charcoal, to ensure readability. Because this lavender is desaturated and light, white or very light text will likely blend in and create poor accessibility for UI designs.
What colors work best in a palette with #AB86DE?
This color thrives alongside neutral tones like cool gray or slate blue for a sophisticated, calming aesthetic. For higher energy, it can be accented with muted sage or soft terracotta, which provides a gentle visual balance without overwhelming the lavender's quiet, restrained character.
Is #ab86de readable on white or black?
#ab86de has a 2.91:1 contrast ratio on white and 7.19: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.