Lighter companion
Rose Velvet Clear
#A5317E · hsl(320, 54%, 42%)
RGB
rgb(134, 40, 102)
HSL
hsl(320, 54%, 34%)
Metrics
S 54% · L 34%
Contrast (WCAG)
on white
8.4:1AA
on black
2.5:1Fail
About this color
Rose Dusk Clear (#862866) belongs to the pink family — hue 320°, 54% 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-rose-dusk-clear: #862866; --colorarchive-rose-dusk-clear-hsl: hsl(320, 54%, 34%); --colorarchive-rose-dusk-clear-rgb: rgb(134, 40, 102); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Rose Shadow Clear
#6E2154 · hsl(320, 54%, 28%)
Complementary counterpoint
Seafoam Dusk Clear
#288647 · hsl(140, 54%, 34%)
Analogous lead
Garnet Dusk Clear
#862847 · hsl(340, 54%, 34%)
Analogous echo
Fuchsia Dusk Clear
#862886 · hsl(300, 54%, 34%)
Triadic +120°
Olive Dusk Clear
#668628 · hsl(80, 54%, 34%)
Triadic +240°
Azure Dusk Clear
#286686 · hsl(200, 54%, 34%)
Split-comp +150°
Leaf Dusk Clear
#378628 · hsl(110, 54%, 34%)
Split-comp +210°
Lagoon Dusk Clear
#288676 · hsl(170, 54%, 34%)
Export preview
Base: Rose Dusk Clear #862866 Lighter companion: Rose Velvet Clear #A5317E Darker companion: Rose Shadow Clear #6E2154 Complementary counterpoint: Seafoam Dusk Clear #288647 Analogous lead: Garnet Dusk Clear #862847 Analogous echo: Fuchsia Dusk Clear #862886 Triadic +120°: Olive Dusk Clear #668628 Triadic +240°: Azure Dusk Clear #286686 Split-comp +150°: Leaf Dusk Clear #378628 Split-comp +210°: Lagoon Dusk Clear #288676
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Rose Shadow Clear
#6E2154 · hsl(320, 54%, 28%)
Nearby match
Rose Velvet Clear
#A5317E · hsl(320, 54%, 42%)
Nearby match
Rose Dusk Soft
#743961 · hsl(320, 34%, 34%)
Nearby match
Rose Dusk Vivid
#97176C · hsl(320, 74%, 34%)
Nearby match
Rose Nocturne Clear
#4F173C · hsl(320, 54%, 20%)
Nearby match
Rose Core Clear
#BC3890 · hsl(320, 54%, 48%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
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.