#DEC8F0 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #dec8f0 graphic
This pale, unsaturated violet offers a cool, airy presence for modern UI design. It functions well as a neutral background, allowing for high-contrast elements. Black text remains legible against this color, meeting accessibility standards easily. To avoid a washed out appearance when using this hex code #dec8f0, pair it with deep charcoals rather than bright white.

Questions about #dec8f0

What is #dec8f0 in RGB, HSL and CMYK?
In RGB, #dec8f0 is rgb(222, 200, 240), in HSL hsl(273, 57%, 86%) and in CMYK 7%, 17%, 0%, 6%.
How should I use #dec8f0 in UI design?
#dec8f0 functions best as a soft, neutral background that prevents eye strain while allowing foreground elements to pop. Because it is highly unsaturated, it pairs effortlessly with deep charcoal or near-black text to maintain WCAG accessibility standards.
What colors pair well with #dec8f0?
This pale violet works beautifully with grounded, dark neutrals to prevent a washed-out aesthetic. Try pairing it with slate or deep navy for a professional, high-contrast scheme, or use it alongside soft cream for a gentle, monochromatic feel.
Is #dec8f0 readable on white or black?
#dec8f0 has a 1.54:1 contrast ratio on white and 13.62: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.