Lighter companion
Steel Velvet Vivid
#1C78BA · hsl(205, 74%, 42%)
RGB
rgb(23, 97, 151)
HSL
hsl(205, 74%, 34%)
CMYK
cmyk(85%, 36%, 0%, 41%)
Metrics
S 74% · L 34%
Contrast (WCAG)
on white
6.6:1AA
on black
3.2:1AA Large
About this color
Steel Dusk Vivid (#176197) belongs to the blue family — hue 205°, 74% 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-steel-dusk-vivid: #176197; --colorarchive-steel-dusk-vivid-hsl: hsl(205, 74%, 34%); --colorarchive-steel-dusk-vivid-rgb: rgb(23, 97, 151); }
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 Shadow Vivid
#13507C · hsl(205, 74%, 28%)
Complementary counterpoint
Tangerine Dusk Vivid
#974C17 · hsl(25, 74%, 34%)
Analogous lead
Indigo Dusk Vivid
#172C97 · hsl(230, 74%, 34%)
Analogous echo
Aqua Dusk Vivid
#179797 · hsl(180, 74%, 34%)
Triadic +120°
Rose Dusk Vivid
#97176C · hsl(320, 74%, 34%)
Triadic +240°
Olive Dusk Vivid
#6C9717 · hsl(80, 74%, 34%)
Split-comp +150°
Crimson Dusk Vivid
#971717 · hsl(0, 74%, 34%)
Split-comp +210°
Canary Dusk Vivid
#978C17 · hsl(55, 74%, 34%)
Export preview
Base: Steel Dusk Vivid #176197 Lighter companion: Steel Velvet Vivid #1C78BA Darker companion: Steel Shadow Vivid #13507C Complementary counterpoint: Tangerine Dusk Vivid #974C17 Analogous lead: Indigo Dusk Vivid #172C97 Analogous echo: Aqua Dusk Vivid #179797 Triadic +120°: Rose Dusk Vivid #97176C Triadic +240°: Olive Dusk Vivid #6C9717 Split-comp +150°: Crimson Dusk Vivid #971717 Split-comp +210°: Canary Dusk Vivid #978C17
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Steel Shadow Vivid
#13507C · hsl(205, 74%, 28%)
Nearby match
Steel Dusk Bright
#0E63A0 · hsl(205, 84%, 34%)
Nearby match
Azure Dusk Vivid
#176C97 · hsl(200, 74%, 34%)
Nearby match
Sapphire Dusk Vivid
#175797 · hsl(210, 74%, 34%)
Nearby match
Steel Velvet Vivid
#1C78BA · hsl(205, 74%, 42%)
Nearby match
Steel Dusk Pure
#0764A6 · hsl(205, 92%, 34%)
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
#3F3A8A
Protanopia
#43448C
Tritanopia
#208381
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.