Lighter companion
Scarlet Mist Clear
#F3DAD8 · hsl(5, 54%, 90%)
RGB
rgb(236, 196, 192)
HSL
hsl(5, 54%, 84%)
CMYK
cmyk(0%, 17%, 19%, 7%)
Metrics
S 54% · L 84%
Contrast (WCAG)
on white
1.6:1Fail
on black
13.2:1AA
About this color
Scarlet Pearl Clear (#ECC4C0) belongs to the red family — hue 5°, 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-scarlet-pearl-clear: #ECC4C0; --colorarchive-scarlet-pearl-clear-hsl: hsl(5, 54%, 84%); --colorarchive-scarlet-pearl-clear-rgb: rgb(236, 196, 192); }
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
Scarlet Bloom Clear
#E3A6A1 · hsl(5, 54%, 76%)
Complementary counterpoint
Aqua Pearl Clear
#C0ECEC · hsl(180, 54%, 84%)
Analogous lead
Coral Pearl Clear
#ECD6C0 · hsl(30, 54%, 84%)
Analogous echo
Garnet Pearl Clear
#ECC0CF · hsl(340, 54%, 84%)
Triadic +120°
Emerald Pearl Clear
#C0ECC0 · hsl(120, 54%, 84%)
Triadic +240°
Amethyst Pearl Clear
#C4C0EC · hsl(245, 54%, 84%)
Split-comp +150°
Jade Pearl Clear
#C0ECD6 · hsl(150, 54%, 84%)
Split-comp +210°
Sapphire Pearl Clear
#C0D6EC · hsl(210, 54%, 84%)
Export preview
Base: Scarlet Pearl Clear #ECC4C0 Lighter companion: Scarlet Mist Clear #F3DAD8 Darker companion: Scarlet Bloom Clear #E3A6A1 Complementary counterpoint: Aqua Pearl Clear #C0ECEC Analogous lead: Coral Pearl Clear #ECD6C0 Analogous echo: Garnet Pearl Clear #ECC0CF Triadic +120°: Emerald Pearl Clear #C0ECC0 Triadic +240°: Amethyst Pearl Clear #C4C0EC Split-comp +150°: Jade Pearl Clear #C0ECD6 Split-comp +210°: Sapphire Pearl Clear #C0D6EC
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Scarlet Mist Clear
#F3DAD8 · hsl(5, 54%, 90%)
Nearby match
Crimson Pearl Clear
#ECC0C0 · hsl(0, 54%, 84%)
Nearby match
Ruby Pearl Clear
#ECC8C0 · hsl(10, 54%, 84%)
Nearby match
Scarlet Bloom Clear
#E3A6A1 · hsl(5, 54%, 76%)
Nearby match
Scarlet Whisper Clear
#F8E9E7 · hsl(5, 54%, 94%)
Nearby match
Scarlet Pearl Soft
#E4CBC8 · hsl(5, 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
#DEE1C1
Protanopia
#DCDCC1
Tritanopia
#EAC2C2
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.