Lighter companion
Sapphire Velvet Soft
#476B90 · hsl(210, 34%, 42%)
RGB
rgb(57, 87, 116)
HSL
hsl(210, 34%, 34%)
CMYK
cmyk(51%, 25%, 0%, 55%)
Metrics
S 34% · L 34%
Contrast (WCAG)
on white
7.5:1AA
on black
2.8:1Fail
About this color
Sapphire Dusk Soft (#395774) belongs to the blue family — hue 210°, 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-sapphire-dusk-soft: #395774; --colorarchive-sapphire-dusk-soft-hsl: hsl(210, 34%, 34%); --colorarchive-sapphire-dusk-soft-rgb: rgb(57, 87, 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
Sapphire Shadow Soft
#2F4760 · hsl(210, 34%, 28%)
Complementary counterpoint
Coral Dusk Soft
#745739 · hsl(30, 34%, 34%)
Analogous lead
Indigo Dusk Soft
#394374 · hsl(230, 34%, 34%)
Analogous echo
Cerulean Dusk Soft
#396A74 · hsl(190, 34%, 34%)
Triadic +120°
Blush Dusk Soft
#743957 · hsl(330, 34%, 34%)
Triadic +240°
Lime Dusk Soft
#577439 · hsl(90, 34%, 34%)
Split-comp +150°
Crimson Dusk Soft
#743939 · hsl(0, 34%, 34%)
Split-comp +210°
Citrine Dusk Soft
#747439 · hsl(60, 34%, 34%)
Export preview
Base: Sapphire Dusk Soft #395774 Lighter companion: Sapphire Velvet Soft #476B90 Darker companion: Sapphire Shadow Soft #2F4760 Complementary counterpoint: Coral Dusk Soft #745739 Analogous lead: Indigo Dusk Soft #394374 Analogous echo: Cerulean Dusk Soft #396A74 Triadic +120°: Blush Dusk Soft #743957 Triadic +240°: Lime Dusk Soft #577439 Split-comp +150°: Crimson Dusk Soft #743939 Split-comp +210°: Citrine Dusk Soft #747439
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Sapphire Dusk Dust
#40576D · hsl(210, 26%, 34%)
Nearby match
Sapphire Shadow Soft
#2F4760 · hsl(210, 34%, 28%)
Nearby match
Steel Dusk Soft
#395C74 · hsl(205, 34%, 34%)
Nearby match
Sapphire Velvet Soft
#476B90 · hsl(210, 34%, 42%)
Nearby match
Sapphire Dusk Muted
#475766 · hsl(210, 18%, 34%)
Nearby match
Sapphire Shadow Dust
#35475A · hsl(210, 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
#46446C
Protanopia
#48486E
Tritanopia
#3B6967
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