Lighter companion
Rose Mist Clear
#F3D8EA · hsl(320, 54%, 90%)
RGB
rgb(236, 192, 222)
HSL
hsl(320, 54%, 84%)
CMYK
cmyk(0%, 19%, 6%, 7%)
Metrics
S 54% · L 84%
Contrast (WCAG)
on white
1.6:1Fail
on black
13.2:1AA
About this color
Rose Pearl Clear (#ECC0DE) belongs to the pink family — hue 320°, 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-rose-pearl-clear: #ECC0DE; --colorarchive-rose-pearl-clear-hsl: hsl(320, 54%, 84%); --colorarchive-rose-pearl-clear-rgb: rgb(236, 192, 222); }
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
Rose Bloom Clear
#E3A1CD · hsl(320, 54%, 76%)
Complementary counterpoint
Seafoam Pearl Clear
#C0ECCF · hsl(140, 54%, 84%)
Analogous lead
Garnet Pearl Clear
#ECC0CF · hsl(340, 54%, 84%)
Analogous echo
Fuchsia Pearl Clear
#ECC0EC · hsl(300, 54%, 84%)
Triadic +120°
Olive Pearl Clear
#DEECC0 · hsl(80, 54%, 84%)
Triadic +240°
Azure Pearl Clear
#C0DEEC · hsl(200, 54%, 84%)
Split-comp +150°
Leaf Pearl Clear
#C8ECC0 · hsl(110, 54%, 84%)
Split-comp +210°
Lagoon Pearl Clear
#C0ECE5 · hsl(170, 54%, 84%)
Export preview
Base: Rose Pearl Clear #ECC0DE Lighter companion: Rose Mist Clear #F3D8EA Darker companion: Rose Bloom Clear #E3A1CD Complementary counterpoint: Seafoam Pearl Clear #C0ECCF Analogous lead: Garnet Pearl Clear #ECC0CF Analogous echo: Fuchsia Pearl Clear #ECC0EC Triadic +120°: Olive Pearl Clear #DEECC0 Triadic +240°: Azure Pearl Clear #C0DEEC Split-comp +150°: Leaf Pearl Clear #C8ECC0 Split-comp +210°: Lagoon Pearl Clear #C0ECE5
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Rose Mist Clear
#F3D8EA · hsl(320, 54%, 90%)
Nearby match
Rose Bloom Clear
#E3A1CD · hsl(320, 54%, 76%)
Nearby match
Rose Whisper Clear
#F8E7F2 · hsl(320, 54%, 94%)
Nearby match
Rose Pearl Soft
#E4C8DB · hsl(320, 34%, 84%)
Nearby match
Rose Pearl Vivid
#F4B8E0 · hsl(320, 74%, 84%)
Nearby match
Rose Veil Clear
#FDF7FB · hsl(320, 54%, 98%)
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
#DDE0D6
Protanopia
#DADAD7
Tritanopia
#EAD2D0
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.