#E2C4FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, airy lavender reads as a soft, unsaturated pastel. The hex code #e2c4ff works well as a subtle UI background because it maintains high contrast with black text for accessible body copy. Use it for wellness branding or delicate digital illustrations. To avoid a washed-out appearance, pair this shade with deep charcoal or slate greys rather than lighter neutrals.
Questions about #e2c4ff
What is #e2c4ff in RGB, HSL and CMYK?
In RGB, #e2c4ff is rgb(226, 196, 255), in HSL hsl(271, 100%, 88%) and in CMYK 11%, 23%, 0%, 0%.
What makes #e2c4ff a good choice for UI backgrounds?
#e2c4ff acts as a gentle, high-contrast base that keeps text readable while adding a subtle touch of color to interface designs. It is particularly effective in wellness or mindfulness apps where a soft, non-intrusive aesthetic is preferred over stark white backgrounds.
How should #e2c4ff be paired with other colors?
To avoid making #e2c4ff look washed out, pair it with dark, grounding neutrals like charcoal or deep slate. You can also create a sophisticated, monochromatic look by combining this pale lavender with deeper violet tones or soft, muted grays to anchor the overall composition.
Is #e2c4ff readable on white or black?
#e2c4ff has a 1.54:1 contrast ratio on white and 13.57: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.