Lighter companion
Azure Dusk Faint
#4E5A5F · hsl(200, 10%, 34%)
RGB
rgb(64, 74, 79)
HSL
hsl(200, 10%, 28%)
CMYK
cmyk(19%, 6%, 0%, 69%)
Metrics
S 10% · L 28%
Contrast (WCAG)
on white
9.1:1AA
on black
2.3:1Fail
About this color
Azure Shadow Faint (#404A4F) belongs to the blue family — hue 200°, 10% 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-azure-shadow-faint: #404A4F; --colorarchive-azure-shadow-faint-hsl: hsl(200, 10%, 28%); --colorarchive-azure-shadow-faint-rgb: rgb(64, 74, 79); }
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 Nocturne Faint
#2E3538 · hsl(200, 10%, 20%)
Complementary counterpoint
Ember Shadow Faint
#4F4540 · hsl(20, 10%, 28%)
Analogous lead
Cobalt Shadow Faint
#40454F · hsl(220, 10%, 28%)
Analogous echo
Aqua Shadow Faint
#404F4F · hsl(180, 10%, 28%)
Triadic +120°
Rose Shadow Faint
#4F404A · hsl(320, 10%, 28%)
Triadic +240°
Olive Shadow Faint
#4A4F40 · hsl(80, 10%, 28%)
Split-comp +150°
Merlot Shadow Faint
#4F4043 · hsl(350, 10%, 28%)
Split-comp +210°
Amber Shadow Faint
#4F4C40 · hsl(50, 10%, 28%)
Export preview
Base: Azure Shadow Faint #404A4F Lighter companion: Azure Dusk Faint #4E5A5F Darker companion: Azure Nocturne Faint #2E3538 Complementary counterpoint: Ember Shadow Faint #4F4540 Analogous lead: Cobalt Shadow Faint #40454F Analogous echo: Aqua Shadow Faint #404F4F Triadic +120°: Rose Shadow Faint #4F404A Triadic +240°: Olive Shadow Faint #4A4F40 Split-comp +150°: Merlot Shadow Faint #4F4043 Split-comp +210°: Amber Shadow Faint #4F4C40
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Shadow Muted
#3B4C54 · hsl(200, 18%, 28%)
Nearby match
Azure Dusk Faint
#4E5A5F · hsl(200, 10%, 34%)
Nearby match
Azure Nocturne Faint
#2E3538 · hsl(200, 10%, 20%)
Nearby match
Azure Dusk Muted
#475C66 · hsl(200, 18%, 34%)
Nearby match
Azure Nocturne Muted
#2A363C · hsl(200, 18%, 20%)
Nearby match
Azure Ink Faint
#202527 · hsl(200, 10%, 14%)
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
#44434E
Protanopia
#45454E
Tritanopia
#414D4D
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.