Lighter companion
Cobalt Velvet Dust
#4F6287 · hsl(220, 26%, 42%)
RGB
rgb(64, 79, 109)
HSL
hsl(220, 26%, 34%)
CMYK
cmyk(41%, 28%, 0%, 57%)
Metrics
S 26% · L 34%
Contrast (WCAG)
on white
8.2:1AA
on black
2.6:1Fail
About this color
Cobalt Dusk Dust (#404F6D) belongs to the blue family — hue 220°, 26% 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-cobalt-dusk-dust: #404F6D; --colorarchive-cobalt-dusk-dust-hsl: hsl(220, 26%, 34%); --colorarchive-cobalt-dusk-dust-rgb: rgb(64, 79, 109); }
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
Cobalt Shadow Dust
#35415A · hsl(220, 26%, 28%)
Complementary counterpoint
Apricot Dusk Dust
#6D5E40 · hsl(40, 26%, 34%)
Analogous lead
Amethyst Dusk Dust
#44406D · hsl(245, 26%, 34%)
Analogous echo
Azure Dusk Dust
#405E6D · hsl(200, 26%, 34%)
Triadic +120°
Garnet Dusk Dust
#6D404F · hsl(340, 26%, 34%)
Triadic +240°
Moss Dusk Dust
#4F6D40 · hsl(100, 26%, 34%)
Split-comp +150°
Ruby Dusk Dust
#6D4840 · hsl(10, 26%, 34%)
Split-comp +210°
Honey Dusk Dust
#666D40 · hsl(70, 26%, 34%)
Export preview
Base: Cobalt Dusk Dust #404F6D Lighter companion: Cobalt Velvet Dust #4F6287 Darker companion: Cobalt Shadow Dust #35415A Complementary counterpoint: Apricot Dusk Dust #6D5E40 Analogous lead: Amethyst Dusk Dust #44406D Analogous echo: Azure Dusk Dust #405E6D Triadic +120°: Garnet Dusk Dust #6D404F Triadic +240°: Moss Dusk Dust #4F6D40 Split-comp +150°: Ruby Dusk Dust #6D4840 Split-comp +210°: Honey Dusk Dust #666D40
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Cobalt Dusk Muted
#475166 · hsl(220, 18%, 34%)
Nearby match
Cobalt Dusk Soft
#394D74 · hsl(220, 34%, 34%)
Nearby match
Cobalt Shadow Dust
#35415A · hsl(220, 26%, 28%)
Nearby match
Cobalt Velvet Dust
#4F6287 · hsl(220, 26%, 42%)
Nearby match
Cobalt Dusk Faint
#4E545F · hsl(220, 10%, 34%)
Nearby match
Cobalt Shadow Muted
#3B4354 · hsl(220, 18%, 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
#464565
Protanopia
#474767
Tritanopia
#416160
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.