#D0C7F3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, cool lavender acts as a gentle base for soft UI designs. Because of its extreme lightness, it offers excellent readability for black text with a 13.1:1 contrast ratio. Pair the hex code #d0c7f3 with charcoal grays or deep plums to ground its airy character. It works best in moderate, intentional blocks rather than full-screen backgrounds, where it risks feeling washed out against pure white.
Questions about #d0c7f3
What is #d0c7f3 in RGB, HSL and CMYK?
In RGB, #d0c7f3 is rgb(208, 199, 243), in HSL hsl(252, 65%, 87%) and in CMYK 14%, 18%, 0%, 5%.
What colors pair best with #d0c7f3?
Is #d0c7f3 suitable for interface backgrounds?
It serves as a gentle, non-distracting base for UI components, but use it in moderate blocks rather than full-screen layouts. Because it is so light, placing it against pure white can cause it to wash out, losing its subtle, calming effect.
Is #d0c7f3 readable on white or black?
#d0c7f3 has a 1.59:1 contrast ratio on white and 13.14: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.