Lighter companion
Amethyst Mist Clear
#DAD8F3 · hsl(245, 54%, 90%)
RGB
rgb(196, 192, 236)
HSL
hsl(245, 54%, 84%)
CMYK
cmyk(17%, 19%, 0%, 7%)
Metrics
S 54% · L 84%
Contrast (WCAG)
on white
1.7:1Fail
on black
12.1:1AA
About this color
Amethyst Pearl Clear (#C4C0EC) belongs to the blue family — hue 245°, 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-amethyst-pearl-clear: #C4C0EC; --colorarchive-amethyst-pearl-clear-hsl: hsl(245, 54%, 84%); --colorarchive-amethyst-pearl-clear-rgb: rgb(196, 192, 236); }
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
Amethyst Bloom Clear
#A6A1E3 · hsl(245, 54%, 76%)
Complementary counterpoint
Citrine Pearl Clear
#ECECC0 · hsl(60, 54%, 84%)
Analogous lead
Plum Pearl Clear
#D6C0EC · hsl(270, 54%, 84%)
Analogous echo
Cobalt Pearl Clear
#C0CFEC · hsl(220, 54%, 84%)
Triadic +120°
Scarlet Pearl Clear
#ECC4C0 · hsl(5, 54%, 84%)
Triadic +240°
Emerald Pearl Clear
#C0ECC0 · hsl(120, 54%, 84%)
Split-comp +150°
Coral Pearl Clear
#ECD6C0 · hsl(30, 54%, 84%)
Split-comp +210°
Lime Pearl Clear
#D6ECC0 · hsl(90, 54%, 84%)
Export preview
Base: Amethyst Pearl Clear #C4C0EC Lighter companion: Amethyst Mist Clear #DAD8F3 Darker companion: Amethyst Bloom Clear #A6A1E3 Complementary counterpoint: Citrine Pearl Clear #ECECC0 Analogous lead: Plum Pearl Clear #D6C0EC Analogous echo: Cobalt Pearl Clear #C0CFEC Triadic +120°: Scarlet Pearl Clear #ECC4C0 Triadic +240°: Emerald Pearl Clear #C0ECC0 Split-comp +150°: Coral Pearl Clear #ECD6C0 Split-comp +210°: Lime Pearl Clear #D6ECC0
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Amethyst Mist Clear
#DAD8F3 · hsl(245, 54%, 90%)
Nearby match
Iris Pearl Clear
#C0C0EC · hsl(240, 54%, 84%)
Nearby match
Violet Pearl Clear
#C8C0EC · hsl(250, 54%, 84%)
Nearby match
Amethyst Bloom Clear
#A6A1E3 · hsl(245, 54%, 76%)
Nearby match
Amethyst Whisper Clear
#E9E7F8 · hsl(245, 54%, 94%)
Nearby match
Amethyst Pearl Soft
#CBC8E4 · hsl(245, 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
#C3C3E0
Protanopia
#C2C2E2
Tritanopia
#C4DAD9
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.