#D3AAFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, airy pastel purple sits on the cool side of the spectrum. Because it maintains high contrast with black text, the hex code #d3aaff is a functional choice for readable UI elements. Use it as a vibrant accent rather than a primary background, as it can look washed out against white. Try pairing it with dark charcoal to balance its inherent lightness.
Questions about #d3aaff
What is #d3aaff in RGB, HSL and CMYK?
In RGB, #d3aaff is rgb(211, 170, 255), in HSL hsl(269, 100%, 83%) and in CMYK 17%, 33%, 0%, 0%.
What makes #d3aaff effective for web design?
This specific pastel purple maintains enough visual weight to function well as a button or active link state without overwhelming the interface. It balances a light, airy aesthetic with just enough pigment to remain legible against neutral backgrounds.
How should #d3aaff be paired for the best visual balance?
Because #d3aaff sits on the lighter end of the spectrum, it performs best when grounded by dark, high-contrast text like charcoal. Avoid placing this color directly against white backgrounds, as it can appear washed out or difficult to read.
Is #d3aaff readable on white or black?
#d3aaff has a 1.91:1 contrast ratio on white and 10.96: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.