Lighter companion
Indigo Shadow Soft
#2F3760 · hsl(230, 34%, 28%)
RGB
rgb(34, 39, 68)
HSL
hsl(230, 34%, 20%)
CMYK
cmyk(50%, 43%, 0%, 73%)
Metrics
S 34% · L 20%
Contrast (WCAG)
on white
14.6:1AA
on black
1.4:1Fail
About this color
Indigo Nocturne Soft (#222744) belongs to the blue family — hue 230°, 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-indigo-nocturne-soft: #222744; --colorarchive-indigo-nocturne-soft-hsl: hsl(230, 34%, 20%); --colorarchive-indigo-nocturne-soft-rgb: rgb(34, 39, 68); }
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
Indigo Ink Soft
#181C30 · hsl(230, 34%, 14%)
Complementary counterpoint
Amber Nocturne Soft
#443F22 · hsl(50, 34%, 20%)
Analogous lead
Violet Nocturne Soft
#272244 · hsl(250, 34%, 20%)
Analogous echo
Steel Nocturne Soft
#223644 · hsl(205, 34%, 20%)
Triadic +120°
Merlot Nocturne Soft
#442227 · hsl(350, 34%, 20%)
Triadic +240°
Leaf Nocturne Soft
#274422 · hsl(110, 34%, 20%)
Split-comp +150°
Ember Nocturne Soft
#442D22 · hsl(20, 34%, 20%)
Split-comp +210°
Olive Nocturne Soft
#394422 · hsl(80, 34%, 20%)
Export preview
Base: Indigo Nocturne Soft #222744 Lighter companion: Indigo Shadow Soft #2F3760 Darker companion: Indigo Ink Soft #181C30 Complementary counterpoint: Amber Nocturne Soft #443F22 Analogous lead: Violet Nocturne Soft #272244 Analogous echo: Steel Nocturne Soft #223644 Triadic +120°: Merlot Nocturne Soft #442227 Triadic +240°: Leaf Nocturne Soft #274422 Split-comp +150°: Ember Nocturne Soft #442D22 Split-comp +210°: Olive Nocturne Soft #394422
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Indigo Nocturne Dust
#262A40 · hsl(230, 26%, 20%)
Nearby match
Indigo Ink Soft
#181C30 · hsl(230, 34%, 14%)
Nearby match
Indigo Shadow Soft
#2F3760 · hsl(230, 34%, 28%)
Nearby match
Indigo Nocturne Muted
#2A2D3C · hsl(230, 18%, 20%)
Nearby match
Indigo Ink Dust
#1A1E2D · hsl(230, 26%, 14%)
Nearby match
Indigo Nocturne Clear
#17214F · hsl(230, 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.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#24243D
Protanopia
#24243E
Tritanopia
#223938
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.
Appears in collections