Lighter companion
Mauve Pearl Clear
#ECC0E9 · hsl(305, 54%, 84%)
RGB
rgb(227, 161, 221)
HSL
hsl(305, 54%, 76%)
CMYK
cmyk(0%, 29%, 3%, 11%)
Metrics
S 54% · L 76%
Contrast (WCAG)
on white
2:1Fail
on black
10.4:1AA
About this color
Mauve Bloom Clear (#E3A1DD) belongs to the pink family — hue 305°, 54% saturation, 76% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
CSS
:root { --colorarchive-mauve-bloom-clear: #E3A1DD; --colorarchive-mauve-bloom-clear-hsl: hsl(305, 54%, 76%); --colorarchive-mauve-bloom-clear-rgb: rgb(227, 161, 221); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Mauve Silk Clear
#D981D2 · hsl(305, 54%, 68%)
Complementary counterpoint
Emerald Bloom Clear
#A1E3A1 · hsl(120, 54%, 76%)
Analogous lead
Blush Bloom Clear
#E3A1C2 · hsl(330, 54%, 76%)
Analogous echo
Mulberry Bloom Clear
#CDA1E3 · hsl(280, 54%, 76%)
Triadic +120°
Citrine Bloom Clear
#E3E3A1 · hsl(60, 54%, 76%)
Triadic +240°
Aqua Bloom Clear
#A1E3E3 · hsl(180, 54%, 76%)
Split-comp +150°
Lime Bloom Clear
#C2E3A1 · hsl(90, 54%, 76%)
Split-comp +210°
Jade Bloom Clear
#A1E3C2 · hsl(150, 54%, 76%)
Export preview
Base: Mauve Bloom Clear #E3A1DD Lighter companion: Mauve Pearl Clear #ECC0E9 Darker companion: Mauve Silk Clear #D981D2 Complementary counterpoint: Emerald Bloom Clear #A1E3A1 Analogous lead: Blush Bloom Clear #E3A1C2 Analogous echo: Mulberry Bloom Clear #CDA1E3 Triadic +120°: Citrine Bloom Clear #E3E3A1 Triadic +240°: Aqua Bloom Clear #A1E3E3 Split-comp +150°: Lime Bloom Clear #C2E3A1 Split-comp +210°: Jade Bloom Clear #A1E3C2
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Fuchsia Bloom Clear
#E3A1E3 · hsl(300, 54%, 76%)
Nearby match
Peony Bloom Clear
#E3A1D8 · hsl(310, 54%, 76%)
Nearby match
Mauve Silk Clear
#D981D2 · hsl(305, 54%, 68%)
Nearby match
Mauve Pearl Clear
#ECC0E9 · hsl(305, 54%, 84%)
Nearby match
Mauve Bloom Soft
#D7ADD3 · hsl(305, 34%, 76%)
Nearby match
Mauve Bloom Vivid
#EF95E8 · hsl(305, 74%, 76%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#CDD2CD
Protanopia
#CAC9D1
Tritanopia
#E0C6C4
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.