Lighter companion
Steel Dusk Vivid
#176197 · hsl(205, 74%, 34%)
RGB
rgb(19, 80, 124)
HSL
hsl(205, 74%, 28%)
CMYK
cmyk(85%, 35%, 0%, 51%)
Metrics
S 74% · L 28%
Contrast (WCAG)
on white
8.5:1AA
on black
2.5:1Fail
About this color
Steel Shadow Vivid (#13507C) belongs to the blue family — hue 205°, 74% saturation, 28% 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-shadow-vivid: #13507C; --colorarchive-steel-shadow-vivid-hsl: hsl(205, 74%, 28%); --colorarchive-steel-shadow-vivid-rgb: rgb(19, 80, 124); }
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 Nocturne Vivid
#0D3959 · hsl(205, 74%, 20%)
Complementary counterpoint
Tangerine Shadow Vivid
#7C3F13 · hsl(25, 74%, 28%)
Analogous lead
Indigo Shadow Vivid
#13247C · hsl(230, 74%, 28%)
Analogous echo
Aqua Shadow Vivid
#137C7C · hsl(180, 74%, 28%)
Triadic +120°
Rose Shadow Vivid
#7C1359 · hsl(320, 74%, 28%)
Triadic +240°
Olive Shadow Vivid
#597C13 · hsl(80, 74%, 28%)
Split-comp +150°
Crimson Shadow Vivid
#7C1313 · hsl(0, 74%, 28%)
Split-comp +210°
Canary Shadow Vivid
#7C7313 · hsl(55, 74%, 28%)
Export preview
Base: Steel Shadow Vivid #13507C Lighter companion: Steel Dusk Vivid #176197 Darker companion: Steel Nocturne Vivid #0D3959 Complementary counterpoint: Tangerine Shadow Vivid #7C3F13 Analogous lead: Indigo Shadow Vivid #13247C Analogous echo: Aqua Shadow Vivid #137C7C Triadic +120°: Rose Shadow Vivid #7C1359 Triadic +240°: Olive Shadow Vivid #597C13 Split-comp +150°: Crimson Shadow Vivid #7C1313 Split-comp +210°: Canary Shadow Vivid #7C7313
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Steel Dusk Vivid
#176197 · hsl(205, 74%, 34%)
Nearby match
Steel Shadow Bright
#0B5183 · hsl(205, 84%, 28%)
Nearby match
Azure Shadow Vivid
#13597C · hsl(200, 74%, 28%)
Nearby match
Sapphire Shadow Vivid
#13477C · hsl(210, 74%, 28%)
Nearby match
Steel Nocturne Vivid
#0D3959 · hsl(205, 74%, 20%)
Nearby match
Steel Shadow Pure
#065289 · hsl(205, 92%, 28%)
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
#342F71
Protanopia
#373873
Tritanopia
#1A6C6A
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.