Lighter companion
Azure Velvet Vivid
#1C86BA · hsl(200, 74%, 42%)
RGB
rgb(23, 108, 151)
HSL
hsl(200, 74%, 34%)
CMYK
cmyk(85%, 28%, 0%, 41%)
Metrics
S 74% · L 34%
Contrast (WCAG)
on white
5.8:1AA
on black
3.6:1AA Large
About this color
Azure Dusk Vivid (#176C97) belongs to the blue family — hue 200°, 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-azure-dusk-vivid: #176C97; --colorarchive-azure-dusk-vivid-hsl: hsl(200, 74%, 34%); --colorarchive-azure-dusk-vivid-rgb: rgb(23, 108, 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
Azure Shadow Vivid
#13597C · hsl(200, 74%, 28%)
Complementary counterpoint
Ember Dusk Vivid
#974117 · hsl(20, 74%, 34%)
Analogous lead
Cobalt Dusk Vivid
#174197 · hsl(220, 74%, 34%)
Analogous echo
Cyan Dusk Vivid
#17978C · hsl(175, 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°
Merlot Dusk Vivid
#97172C · hsl(350, 74%, 34%)
Split-comp +210°
Amber Dusk Vivid
#978117 · hsl(50, 74%, 34%)
Export preview
Base: Azure Dusk Vivid #176C97 Lighter companion: Azure Velvet Vivid #1C86BA Darker companion: Azure Shadow Vivid #13597C Complementary counterpoint: Ember Dusk Vivid #974117 Analogous lead: Cobalt Dusk Vivid #174197 Analogous echo: Cyan Dusk Vivid #17978C Triadic +120°: Rose Dusk Vivid #97176C Triadic +240°: Olive Dusk Vivid #6C9717 Split-comp +150°: Merlot Dusk Vivid #97172C Split-comp +210°: Amber Dusk Vivid #978117
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Shadow Vivid
#13597C · hsl(200, 74%, 28%)
Nearby match
Azure Dusk Bright
#0E6FA0 · hsl(200, 84%, 34%)
Nearby match
Steel Dusk Vivid
#176197 · hsl(205, 74%, 34%)
Nearby match
Azure Velvet Vivid
#1C86BA · hsl(200, 74%, 42%)
Nearby match
Azure Dusk Pure
#0771A6 · hsl(200, 92%, 34%)
Nearby match
Azure Shadow Bright
#0B5B83 · hsl(200, 84%, 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
#46408C
Protanopia
#4B4B8E
Tritanopia
#228785
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.