RGB
rgb(79, 23, 51)
HSL
hsl(330, 54%, 20%)
Metrics
S 54% · L 20%
Contrast (WCAG)
on white
14:1AA
on black
1.5:1Fail
About this color
Blush Nocturne Clear (#4F1733) belongs to the pink family — hue 330°, 54% saturation, 20% 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-blush-nocturne-clear: #4F1733; --colorarchive-blush-nocturne-clear-hsl: hsl(330, 54%, 20%); --colorarchive-blush-nocturne-clear-rgb: rgb(79, 23, 51); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Lighter companion
Blush Shadow Clear
#6E2147 · hsl(330, 54%, 28%)
Darker companion
Blush Ink Clear
#371024 · hsl(330, 54%, 14%)
Complementary counterpoint
Jade Nocturne Clear
#174F33 · hsl(150, 54%, 20%)
Analogous lead
Merlot Nocturne Clear
#4F1721 · hsl(350, 54%, 20%)
Analogous echo
Peony Nocturne Clear
#4F1745 · hsl(310, 54%, 20%)
Triadic +120°
Lime Nocturne Clear
#334F17 · hsl(90, 54%, 20%)
Triadic +240°
Sapphire Nocturne Clear
#17334F · hsl(210, 54%, 20%)
Split-comp +150°
Emerald Nocturne Clear
#174F17 · hsl(120, 54%, 20%)
Split-comp +210°
Aqua Nocturne Clear
#174F4F · hsl(180, 54%, 20%)
Export preview
Base: Blush Nocturne Clear #4F1733 Lighter companion: Blush Shadow Clear #6E2147 Darker companion: Blush Ink Clear #371024 Complementary counterpoint: Jade Nocturne Clear #174F33 Analogous lead: Merlot Nocturne Clear #4F1721 Analogous echo: Peony Nocturne Clear #4F1745 Triadic +120°: Lime Nocturne Clear #334F17 Triadic +240°: Sapphire Nocturne Clear #17334F Split-comp +150°: Emerald Nocturne Clear #174F17 Split-comp +210°: Aqua Nocturne Clear #174F4F
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Blush Ink Clear
#371024 · hsl(330, 54%, 14%)
Nearby match
Blush Shadow Clear
#6E2147 · hsl(330, 54%, 28%)
Nearby match
Blush Nocturne Soft
#442233 · hsl(330, 34%, 20%)
Nearby match
Blush Nocturne Vivid
#590D33 · hsl(330, 74%, 20%)
Nearby match
Blush Dusk Clear
#862857 · hsl(330, 54%, 34%)
Nearby match
Rose Nocturne Clear
#4F173C · hsl(320, 54%, 20%)
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.
