Lighter companion
Magenta Velvet Bright
#A711C5 · hsl(290, 84%, 42%)
RGB
rgb(135, 14, 160)
HSL
hsl(290, 84%, 34%)
CMYK
cmyk(16%, 91%, 0%, 37%)
Metrics
S 84% · L 34%
Contrast (WCAG)
on white
8.1:1AA
on black
2.6:1Fail
About this color
Magenta Dusk Bright (#870EA0) belongs to the pink family — hue 290°, 84% saturation, 34% 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-dusk-bright: #870EA0; --colorarchive-magenta-dusk-bright-hsl: hsl(290, 84%, 34%); --colorarchive-magenta-dusk-bright-rgb: rgb(135, 14, 160); }
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 Shadow Bright
#6F0B83 · hsl(290, 84%, 28%)
Complementary counterpoint
Leaf Dusk Bright
#26A00E · hsl(110, 84%, 34%)
Analogous lead
Peony Dusk Bright
#A00E87 · hsl(310, 84%, 34%)
Analogous echo
Plum Dusk Bright
#570EA0 · hsl(270, 84%, 34%)
Triadic +120°
Amber Dusk Bright
#A0870E · hsl(50, 84%, 34%)
Triadic +240°
Lagoon Dusk Bright
#0EA087 · hsl(170, 84%, 34%)
Split-comp +150°
Olive Dusk Bright
#6FA00E · hsl(80, 84%, 34%)
Split-comp +210°
Seafoam Dusk Bright
#0EA03E · hsl(140, 84%, 34%)
Export preview
Base: Magenta Dusk Bright #870EA0 Lighter companion: Magenta Velvet Bright #A711C5 Darker companion: Magenta Shadow Bright #6F0B83 Complementary counterpoint: Leaf Dusk Bright #26A00E Analogous lead: Peony Dusk Bright #A00E87 Analogous echo: Plum Dusk Bright #570EA0 Triadic +120°: Amber Dusk Bright #A0870E Triadic +240°: Lagoon Dusk Bright #0EA087 Split-comp +150°: Olive Dusk Bright #6FA00E Split-comp +210°: Seafoam Dusk Bright #0EA03E
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Magenta Dusk Pure
#8C07A6 · hsl(290, 92%, 34%)
Nearby match
Magenta Shadow Bright
#6F0B83 · hsl(290, 84%, 28%)
Nearby match
Magenta Dusk Vivid
#811797 · hsl(290, 74%, 34%)
Nearby match
Magenta Velvet Bright
#A711C5 · hsl(290, 84%, 42%)
Nearby match
Magenta Shadow Pure
#730689 · hsl(290, 92%, 28%)
Nearby match
Magenta Shadow Vivid
#6B137C · hsl(290, 74%, 28%)
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
#6D7388
Protanopia
#68688D
Tritanopia
#847C78
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.