Lighter companion
Steel Shadow Soft
#2F4B60 · hsl(205, 34%, 28%)
RGB
rgb(34, 54, 68)
HSL
hsl(205, 34%, 20%)
CMYK
cmyk(50%, 21%, 0%, 73%)
Metrics
S 34% · L 20%
Contrast (WCAG)
on white
12.5:1AA
on black
1.7:1Fail
About this color
Steel Nocturne Soft (#223644) belongs to the blue family — hue 205°, 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-steel-nocturne-soft: #223644; --colorarchive-steel-nocturne-soft-hsl: hsl(205, 34%, 20%); --colorarchive-steel-nocturne-soft-rgb: rgb(34, 54, 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
Steel Ink Soft
#182630 · hsl(205, 34%, 14%)
Complementary counterpoint
Tangerine Nocturne Soft
#443022 · hsl(25, 34%, 20%)
Analogous lead
Indigo Nocturne Soft
#222744 · hsl(230, 34%, 20%)
Analogous echo
Aqua Nocturne Soft
#224444 · hsl(180, 34%, 20%)
Triadic +120°
Rose Nocturne Soft
#442239 · hsl(320, 34%, 20%)
Triadic +240°
Olive Nocturne Soft
#394422 · hsl(80, 34%, 20%)
Split-comp +150°
Crimson Nocturne Soft
#442222 · hsl(0, 34%, 20%)
Split-comp +210°
Canary Nocturne Soft
#444122 · hsl(55, 34%, 20%)
Export preview
Base: Steel Nocturne Soft #223644 Lighter companion: Steel Shadow Soft #2F4B60 Darker companion: Steel Ink Soft #182630 Complementary counterpoint: Tangerine Nocturne Soft #443022 Analogous lead: Indigo Nocturne Soft #222744 Analogous echo: Aqua Nocturne Soft #224444 Triadic +120°: Rose Nocturne Soft #442239 Triadic +240°: Olive Nocturne Soft #394422 Split-comp +150°: Crimson Nocturne Soft #442222 Split-comp +210°: Canary Nocturne Soft #444122
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Steel Nocturne Dust
#263540 · hsl(205, 26%, 20%)
Nearby match
Steel Ink Soft
#182630 · hsl(205, 34%, 14%)
Nearby match
Azure Nocturne Soft
#223944 · hsl(200, 34%, 20%)
Nearby match
Sapphire Nocturne Soft
#223344 · hsl(210, 34%, 20%)
Nearby match
Steel Shadow Soft
#2F4B60 · hsl(205, 34%, 28%)
Nearby match
Steel Nocturne Muted
#2A353C · hsl(205, 18%, 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
#2B2940
Protanopia
#2C2C41
Tritanopia
#233E3E
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.