RGB
rgb(116, 57, 97)
HSL
hsl(320, 34%, 34%)
Metrics
S 34% · L 34%
Contrast (WCAG)
on white
8.4:1AA
on black
2.5:1Fail
About this color
Rose Dusk Soft (#743961) belongs to the pink family — hue 320°, 34% 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-soft: #743961; --colorarchive-rose-dusk-soft-hsl: hsl(320, 34%, 34%); --colorarchive-rose-dusk-soft-rgb: rgb(116, 57, 97); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Lighter companion
Rose Velvet Soft
#904777 · hsl(320, 34%, 42%)
Darker companion
Rose Shadow Soft
#602F4F · hsl(320, 34%, 28%)
Complementary counterpoint
Seafoam Dusk Soft
#39744D · hsl(140, 34%, 34%)
Analogous lead
Garnet Dusk Soft
#74394D · hsl(340, 34%, 34%)
Analogous echo
Fuchsia Dusk Soft
#743974 · hsl(300, 34%, 34%)
Triadic +120°
Olive Dusk Soft
#617439 · hsl(80, 34%, 34%)
Triadic +240°
Azure Dusk Soft
#396174 · hsl(200, 34%, 34%)
Split-comp +150°
Leaf Dusk Soft
#437439 · hsl(110, 34%, 34%)
Split-comp +210°
Lagoon Dusk Soft
#39746A · hsl(170, 34%, 34%)
Export preview
Base: Rose Dusk Soft #743961 Lighter companion: Rose Velvet Soft #904777 Darker companion: Rose Shadow Soft #602F4F Complementary counterpoint: Seafoam Dusk Soft #39744D Analogous lead: Garnet Dusk Soft #74394D Analogous echo: Fuchsia Dusk Soft #743974 Triadic +120°: Olive Dusk Soft #617439 Triadic +240°: Azure Dusk Soft #396174 Split-comp +150°: Leaf Dusk Soft #437439 Split-comp +210°: Lagoon Dusk Soft #39746A
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Rose Shadow Soft
#602F4F · hsl(320, 34%, 28%)
Nearby match
Rose Velvet Soft
#904777 · hsl(320, 34%, 42%)
Nearby match
Rose Dusk Muted
#66475C · hsl(320, 18%, 34%)
Nearby match
Rose Dusk Clear
#862866 · hsl(320, 54%, 34%)
Nearby match
Rose Nocturne Soft
#442239 · hsl(320, 34%, 20%)
Nearby match
Rose Core Soft
#A45188 · hsl(320, 34%, 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.
