Lighter companion
Sapphire Dusk Dust
#40576D · hsl(210, 26%, 34%)
RGB
rgb(53, 71, 90)
HSL
hsl(210, 26%, 28%)
CMYK
cmyk(41%, 21%, 0%, 65%)
Metrics
S 26% · L 28%
Contrast (WCAG)
on white
9.5:1AA
on black
2.2:1Fail
About this color
Sapphire Shadow Dust (#35475A) belongs to the blue family — hue 210°, 26% saturation, 28% 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-shadow-dust: #35475A; --colorarchive-sapphire-shadow-dust-hsl: hsl(210, 26%, 28%); --colorarchive-sapphire-shadow-dust-rgb: rgb(53, 71, 90); }
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 Nocturne Dust
#263340 · hsl(210, 26%, 20%)
Complementary counterpoint
Coral Shadow Dust
#5A4735 · hsl(30, 26%, 28%)
Analogous lead
Indigo Shadow Dust
#353B5A · hsl(230, 26%, 28%)
Analogous echo
Cerulean Shadow Dust
#35545A · hsl(190, 26%, 28%)
Triadic +120°
Blush Shadow Dust
#5A3547 · hsl(330, 26%, 28%)
Triadic +240°
Lime Shadow Dust
#475A35 · hsl(90, 26%, 28%)
Split-comp +150°
Crimson Shadow Dust
#5A3535 · hsl(0, 26%, 28%)
Split-comp +210°
Citrine Shadow Dust
#5A5A35 · hsl(60, 26%, 28%)
Export preview
Base: Sapphire Shadow Dust #35475A Lighter companion: Sapphire Dusk Dust #40576D Darker companion: Sapphire Nocturne Dust #263340 Complementary counterpoint: Coral Shadow Dust #5A4735 Analogous lead: Indigo Shadow Dust #353B5A Analogous echo: Cerulean Shadow Dust #35545A Triadic +120°: Blush Shadow Dust #5A3547 Triadic +240°: Lime Shadow Dust #475A35 Split-comp +150°: Crimson Shadow Dust #5A3535 Split-comp +210°: Citrine Shadow Dust #5A5A35
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Sapphire Shadow Muted
#3B4754 · hsl(210, 18%, 28%)
Nearby match
Sapphire Shadow Soft
#2F4760 · hsl(210, 34%, 28%)
Nearby match
Sapphire Dusk Dust
#40576D · hsl(210, 26%, 34%)
Nearby match
Steel Shadow Dust
#354A5A · hsl(205, 26%, 28%)
Nearby match
Sapphire Nocturne Dust
#263340 · hsl(210, 26%, 20%)
Nearby match
Sapphire Shadow Faint
#40474F · hsl(210, 10%, 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
#3C3B55
Protanopia
#3E3E56
Tritanopia
#365252
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.