Lighter companion
Cool Gray Velvet
#656B72 · hsl(210, 6%, 42%)
RGB
rgb(81, 87, 92)
HSL
hsl(210, 6%, 34%)
CMYK
cmyk(12%, 5%, 0%, 64%)
Metrics
S 6% · L 34%
Contrast (WCAG)
on white
7.3:1AA
on black
2.9:1Fail
About this color
Cool Gray Dusk (#51575C) belongs to the blue family — hue 210°, 6% 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-cool-gray-dusk: #51575C; --colorarchive-cool-gray-dusk-hsl: hsl(210, 6%, 34%); --colorarchive-cool-gray-dusk-rgb: rgb(81, 87, 92); }
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
Cool Gray Shadow
#43474C · hsl(210, 6%, 28%)
Complementary counterpoint
Warm Gray Dusk
#5C5751 · hsl(30, 6%, 34%)
Analogous lead
Indigo Dusk Faint
#4E515F · hsl(230, 10%, 34%)
Analogous echo
Cerulean Dusk Faint
#4E5C5F · hsl(190, 10%, 34%)
Triadic +120°
Blush Dusk Faint
#5F4E57 · hsl(330, 10%, 34%)
Triadic +240°
Lime Dusk Faint
#575F4E · hsl(90, 10%, 34%)
Split-comp +150°
Crimson Dusk Faint
#5F4E4E · hsl(0, 10%, 34%)
Split-comp +210°
Citrine Dusk Faint
#5F5F4E · hsl(60, 10%, 34%)
Export preview
Base: Cool Gray Dusk #51575C Lighter companion: Cool Gray Velvet #656B72 Darker companion: Cool Gray Shadow #43474C Complementary counterpoint: Warm Gray Dusk #5C5751 Analogous lead: Indigo Dusk Faint #4E515F Analogous echo: Cerulean Dusk Faint #4E5C5F Triadic +120°: Blush Dusk Faint #5F4E57 Triadic +240°: Lime Dusk Faint #575F4E Split-comp +150°: Crimson Dusk Faint #5F4E4E Split-comp +210°: Citrine Dusk Faint #5F5F4E
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Sapphire Dusk Faint
#4E575F · hsl(210, 10%, 34%)
Nearby match
Cool Gray Shadow
#43474C · hsl(210, 6%, 28%)
Nearby match
Sapphire Dusk Muted
#475766 · hsl(210, 18%, 34%)
Nearby match
Cool Gray Velvet
#656B72 · hsl(210, 6%, 42%)
Nearby match
Sapphire Shadow Faint
#40474F · hsl(210, 10%, 28%)
Nearby match
Sapphire Velvet Faint
#606B76 · hsl(210, 10%, 42%)
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
#53535B
Protanopia
#54545B
Tritanopia
#515A5A
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.