Lighter companion
Magenta Silk Vivid
#D671EA · hsl(290, 74%, 68%)
Magenta Tone Vivid (#CB4EE4) belongs to the pink family — hue 290°, 74% saturation, 60% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
:root { --colorarchive-magenta-tone-vivid: #CB4EE4; /* hsl(290, 74%, 60%) */ }
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Base: Magenta Tone Vivid #CB4EE4 Lighter companion: Magenta Silk Vivid #D671EA Darker companion: Magenta Radiant Vivid #C433E1 Complementary counterpoint: Leaf Tone Vivid #67E44E Analogous lead: Peony Tone Vivid #E44ECB Analogous echo: Plum Tone Vivid #994EE4
The closest archive matches by hue, saturation, and lightness.
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.