Lighter companion
Azure Dusk Vivid
#176C97 · hsl(200, 74%, 34%)
RGB
rgb(19, 89, 124)
HSL
hsl(200, 74%, 28%)
CMYK
cmyk(85%, 28%, 0%, 51%)
Metrics
S 74% · L 28%
Contrast (WCAG)
on white
7.6:1AA
on black
2.7:1Fail
About this color
Azure Shadow Vivid (#13597C) belongs to the blue family — hue 200°, 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-azure-shadow-vivid: #13597C; --colorarchive-azure-shadow-vivid-hsl: hsl(200, 74%, 28%); --colorarchive-azure-shadow-vivid-rgb: rgb(19, 89, 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
Azure Nocturne Vivid
#0D4059 · hsl(200, 74%, 20%)
Complementary counterpoint
Ember Shadow Vivid
#7C3613 · hsl(20, 74%, 28%)
Analogous lead
Cobalt Shadow Vivid
#13367C · hsl(220, 74%, 28%)
Analogous echo
Cyan Shadow Vivid
#137C73 · hsl(175, 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°
Merlot Shadow Vivid
#7C1324 · hsl(350, 74%, 28%)
Split-comp +210°
Amber Shadow Vivid
#7C6B13 · hsl(50, 74%, 28%)
Export preview
Base: Azure Shadow Vivid #13597C Lighter companion: Azure Dusk Vivid #176C97 Darker companion: Azure Nocturne Vivid #0D4059 Complementary counterpoint: Ember Shadow Vivid #7C3613 Analogous lead: Cobalt Shadow Vivid #13367C Analogous echo: Cyan Shadow Vivid #137C73 Triadic +120°: Rose Shadow Vivid #7C1359 Triadic +240°: Olive Shadow Vivid #597C13 Split-comp +150°: Merlot Shadow Vivid #7C1324 Split-comp +210°: Amber Shadow Vivid #7C6B13
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Dusk Vivid
#176C97 · hsl(200, 74%, 34%)
Nearby match
Azure Shadow Bright
#0B5B83 · hsl(200, 84%, 28%)
Nearby match
Steel Shadow Vivid
#13507C · hsl(205, 74%, 28%)
Nearby match
Azure Nocturne Vivid
#0D4059 · hsl(200, 74%, 20%)
Nearby match
Azure Shadow Pure
#065D89 · hsl(200, 92%, 28%)
Nearby match
Azure Dusk Bright
#0E6FA0 · hsl(200, 84%, 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
#393473
Protanopia
#3D3E75
Tritanopia
#1B6F6D
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