Lighter companion
Mauve Mist Clear
#F3D8F1 · hsl(305, 54%, 90%)
RGB
rgb(236, 192, 233)
HSL
hsl(305, 54%, 84%)
CMYK
cmyk(0%, 19%, 1%, 7%)
Metrics
S 54% · L 84%
Contrast (WCAG)
on white
1.6:1Fail
on black
13.3:1AA
About this color
Mauve Pearl Clear (#ECC0E9) belongs to the pink family — hue 305°, 54% saturation, 84% 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-pearl-clear: #ECC0E9; --colorarchive-mauve-pearl-clear-hsl: hsl(305, 54%, 84%); --colorarchive-mauve-pearl-clear-rgb: rgb(236, 192, 233); }
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 Bloom Clear
#E3A1DD · hsl(305, 54%, 76%)
Complementary counterpoint
Emerald Pearl Clear
#C0ECC0 · hsl(120, 54%, 84%)
Analogous lead
Blush Pearl Clear
#ECC0D6 · hsl(330, 54%, 84%)
Analogous echo
Mulberry Pearl Clear
#DEC0EC · hsl(280, 54%, 84%)
Triadic +120°
Citrine Pearl Clear
#ECECC0 · hsl(60, 54%, 84%)
Triadic +240°
Aqua Pearl Clear
#C0ECEC · hsl(180, 54%, 84%)
Split-comp +150°
Lime Pearl Clear
#D6ECC0 · hsl(90, 54%, 84%)
Split-comp +210°
Jade Pearl Clear
#C0ECD6 · hsl(150, 54%, 84%)
Export preview
Base: Mauve Pearl Clear #ECC0E9 Lighter companion: Mauve Mist Clear #F3D8F1 Darker companion: Mauve Bloom Clear #E3A1DD Complementary counterpoint: Emerald Pearl Clear #C0ECC0 Analogous lead: Blush Pearl Clear #ECC0D6 Analogous echo: Mulberry Pearl Clear #DEC0EC Triadic +120°: Citrine Pearl Clear #ECECC0 Triadic +240°: Aqua Pearl Clear #C0ECEC Split-comp +150°: Lime Pearl Clear #D6ECC0 Split-comp +210°: Jade Pearl Clear #C0ECD6
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Mauve Mist Clear
#F3D8F1 · hsl(305, 54%, 90%)
Nearby match
Fuchsia Pearl Clear
#ECC0EC · hsl(300, 54%, 84%)
Nearby match
Peony Pearl Clear
#ECC0E5 · hsl(310, 54%, 84%)
Nearby match
Mauve Bloom Clear
#E3A1DD · hsl(305, 54%, 76%)
Nearby match
Mauve Whisper Clear
#F8E7F7 · hsl(305, 54%, 94%)
Nearby match
Mauve Pearl Soft
#E4C8E2 · hsl(305, 34%, 84%)
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
#DDE0DE
Protanopia
#DADAE0
Tritanopia
#EAD8D7
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.