Lighter companion
Magenta Whisper Vivid
#F7E4FB · hsl(290, 74%, 94%)
RGB
rgb(242, 211, 248)
HSL
hsl(290, 74%, 90%)
CMYK
cmyk(2%, 15%, 0%, 3%)
Metrics
S 74% · L 90%
Contrast (WCAG)
on white
1.4:1Fail
on black
15.4:1AA
About this color
Magenta Mist Vivid (#F2D3F8) belongs to the pink family — hue 290°, 74% saturation, 90% 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-magenta-mist-vivid: #F2D3F8; --colorarchive-magenta-mist-vivid-hsl: hsl(290, 74%, 90%); --colorarchive-magenta-mist-vivid-rgb: rgb(242, 211, 248); }
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
Magenta Pearl Vivid
#EAB8F4 · hsl(290, 74%, 84%)
Complementary counterpoint
Leaf Mist Vivid
#D9F8D3 · hsl(110, 74%, 90%)
Analogous lead
Peony Mist Vivid
#F8D3F2 · hsl(310, 74%, 90%)
Analogous echo
Plum Mist Vivid
#E5D3F8 · hsl(270, 74%, 90%)
Triadic +120°
Amber Mist Vivid
#F8F2D3 · hsl(50, 74%, 90%)
Triadic +240°
Lagoon Mist Vivid
#D3F8F2 · hsl(170, 74%, 90%)
Split-comp +150°
Olive Mist Vivid
#ECF8D3 · hsl(80, 74%, 90%)
Split-comp +210°
Seafoam Mist Vivid
#D3F8DF · hsl(140, 74%, 90%)
Export preview
Base: Magenta Mist Vivid #F2D3F8 Lighter companion: Magenta Whisper Vivid #F7E4FB Darker companion: Magenta Pearl Vivid #EAB8F4 Complementary counterpoint: Leaf Mist Vivid #D9F8D3 Analogous lead: Peony Mist Vivid #F8D3F2 Analogous echo: Plum Mist Vivid #E5D3F8 Triadic +120°: Amber Mist Vivid #F8F2D3 Triadic +240°: Lagoon Mist Vivid #D3F8F2 Split-comp +150°: Olive Mist Vivid #ECF8D3 Split-comp +210°: Seafoam Mist Vivid #D3F8DF
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Magenta Whisper Vivid
#F7E4FB · hsl(290, 74%, 94%)
Nearby match
Magenta Pearl Vivid
#EAB8F4 · hsl(290, 74%, 84%)
Nearby match
Magenta Mist Bright
#F4D0FB · hsl(290, 84%, 90%)
Nearby match
Magenta Veil Vivid
#FCF6FE · hsl(290, 74%, 98%)
Nearby match
Magenta Whisper Bright
#F8E3FD · hsl(290, 84%, 94%)
Nearby match
Magenta Mist Pure
#F5CEFD · hsl(290, 92%, 90%)
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
#E7E9EE
Protanopia
#E5E5F0
Tritanopia
#F1E9E7
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.