Lighter companion
Azure Velvet Soft
#477790 · hsl(200, 34%, 42%)
RGB
rgb(57, 97, 116)
HSL
hsl(200, 34%, 34%)
CMYK
cmyk(51%, 16%, 0%, 55%)
Metrics
S 34% · L 34%
Contrast (WCAG)
on white
6.7:1AA
on black
3.1:1AA Large
About this color
Azure Dusk Soft (#396174) belongs to the blue family — hue 200°, 34% 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-soft: #396174; --colorarchive-azure-dusk-soft-hsl: hsl(200, 34%, 34%); --colorarchive-azure-dusk-soft-rgb: rgb(57, 97, 116); }
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 Soft
#2F4F60 · hsl(200, 34%, 28%)
Complementary counterpoint
Ember Dusk Soft
#744D39 · hsl(20, 34%, 34%)
Analogous lead
Cobalt Dusk Soft
#394D74 · hsl(220, 34%, 34%)
Analogous echo
Cyan Dusk Soft
#39746F · hsl(175, 34%, 34%)
Triadic +120°
Rose Dusk Soft
#743961 · hsl(320, 34%, 34%)
Triadic +240°
Olive Dusk Soft
#617439 · hsl(80, 34%, 34%)
Split-comp +150°
Merlot Dusk Soft
#743943 · hsl(350, 34%, 34%)
Split-comp +210°
Amber Dusk Soft
#746A39 · hsl(50, 34%, 34%)
Export preview
Base: Azure Dusk Soft #396174 Lighter companion: Azure Velvet Soft #477790 Darker companion: Azure Shadow Soft #2F4F60 Complementary counterpoint: Ember Dusk Soft #744D39 Analogous lead: Cobalt Dusk Soft #394D74 Analogous echo: Cyan Dusk Soft #39746F Triadic +120°: Rose Dusk Soft #743961 Triadic +240°: Olive Dusk Soft #617439 Split-comp +150°: Merlot Dusk Soft #743943 Split-comp +210°: Amber Dusk Soft #746A39
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Dusk Dust
#405E6D · hsl(200, 26%, 34%)
Nearby match
Azure Shadow Soft
#2F4F60 · hsl(200, 34%, 28%)
Nearby match
Steel Dusk Soft
#395C74 · hsl(205, 34%, 34%)
Nearby match
Azure Velvet Soft
#477790 · hsl(200, 34%, 42%)
Nearby match
Azure Dusk Muted
#475C66 · hsl(200, 18%, 34%)
Nearby match
Azure Shadow Dust
#354E5A · hsl(200, 26%, 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
#4B486F
Protanopia
#4D4E70
Tritanopia
#3C6C6B
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.