#DDBAFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated lavender provides a cool, airy base for user interfaces. Because it is high-key, black text creates excellent contrast, achieving a 12.5:1 ratio that exceeds accessibility standards. The hex code for this color is #ddbaff. Use it as a dominant background to soften harsh layouts, but pair it with deeper, saturated tones to prevent the overall palette from looking washed out.
Questions about #ddbaff
What is #ddbaff in RGB, HSL and CMYK?
In RGB, #ddbaff is rgb(221, 186, 255), in HSL hsl(270, 100%, 86%) and in CMYK 13%, 27%, 0%, 0%.
How do I effectively use #ddbaff in UI design?
Use #ddbaff as a dominant background to soften harsh layouts while maintaining high readability. Because of its high-key nature, black or deep charcoal text creates excellent contrast ratios that exceed standard accessibility requirements, keeping your design both modern and usable.
Does #ddbaff lean warm or cool?
#ddbaff functions as a cool-toned, airy lavender that effectively pulls back the intensity of more vibrant designs. Its desaturated quality makes it an ideal neutral base, preventing interface compositions from feeling overwhelming or overly aggressive on the eyes.
Is #ddbaff readable on white or black?
#ddbaff has a 1.67:1 contrast ratio on white and 12.54: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.