#DFB7FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel violet feels airy and youthful due to its high lightness and low saturation. Because it maintains strong contrast against black, the hex code #dfb7ff works well for UI elements that require readability. Use it as a secondary accent color rather than a primary background to keep designs from looking washed out, pairing it with charcoal or deep slate for a grounding effect.
Questions about #dfb7ff
What is #dfb7ff in RGB, HSL and CMYK?
In RGB, #dfb7ff is rgb(223, 183, 255), in HSL hsl(273, 100%, 86%) and in CMYK 13%, 28%, 0%, 0%.
How should I use #dfb7ff in UI design?
Use #dfb7ff as a secondary accent color for buttons or icons rather than a primary background to keep designs vibrant. It pairs beautifully with deep charcoal or dark slate text, which grounds the lightness while ensuring excellent readability for users.
What color schemes work best with #dfb7ff?
Because #dfb7ff is high-lightness and low-saturation, it functions well within monochromatic schemes using darker shades of violet. You can also build strong contrast by pairing it with a deep navy or black, which balances the airy quality of the hue perfectly.
Is #dfb7ff readable on white or black?
#dfb7ff has a 1.69:1 contrast ratio on white and 12.35: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.