Lighter companion
Violet Shadow Soft
#372F60 · hsl(250, 34%, 28%)
RGB
rgb(39, 34, 68)
HSL
hsl(250, 34%, 20%)
Metrics
S 34% · L 20%
Contrast (WCAG)
on white
15:1AA
on black
1.4:1Fail
About this color
Violet Nocturne Soft (#272244) belongs to the purple family — hue 250°, 34% 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-violet-nocturne-soft: #272244; --colorarchive-violet-nocturne-soft-hsl: hsl(250, 34%, 20%); --colorarchive-violet-nocturne-soft-rgb: rgb(39, 34, 68); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Violet Ink Soft
#1C1830 · hsl(250, 34%, 14%)
Complementary counterpoint
Honey Nocturne Soft
#3F4422 · hsl(70, 34%, 20%)
Analogous lead
Plum Nocturne Soft
#332244 · hsl(270, 34%, 20%)
Analogous echo
Indigo Nocturne Soft
#222744 · hsl(230, 34%, 20%)
Triadic +120°
Ruby Nocturne Soft
#442722 · hsl(10, 34%, 20%)
Triadic +240°
Mint Nocturne Soft
#224427 · hsl(130, 34%, 20%)
Split-comp +150°
Apricot Nocturne Soft
#443922 · hsl(40, 34%, 20%)
Split-comp +210°
Moss Nocturne Soft
#2D4422 · hsl(100, 34%, 20%)
Export preview
Base: Violet Nocturne Soft #272244 Lighter companion: Violet Shadow Soft #372F60 Darker companion: Violet Ink Soft #1C1830 Complementary counterpoint: Honey Nocturne Soft #3F4422 Analogous lead: Plum Nocturne Soft #332244 Analogous echo: Indigo Nocturne Soft #222744 Triadic +120°: Ruby Nocturne Soft #442722 Triadic +240°: Mint Nocturne Soft #224427 Split-comp +150°: Apricot Nocturne Soft #443922 Split-comp +210°: Moss Nocturne Soft #2D4422
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Violet Ink Soft
#1C1830 · hsl(250, 34%, 14%)
Nearby match
Violet Shadow Soft
#372F60 · hsl(250, 34%, 28%)
Nearby match
Violet Nocturne Muted
#2D2A3C · hsl(250, 18%, 20%)
Nearby match
Violet Nocturne Clear
#21174F · hsl(250, 54%, 20%)
Nearby match
Violet Dusk Soft
#433974 · hsl(250, 34%, 34%)
Nearby match
Iris Nocturne Soft
#222244 · hsl(240, 34%, 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.