Lighter companion
Amethyst Core Muted
#686490 · hsl(245, 18%, 48%)
RGB
rgb(91, 88, 126)
HSL
hsl(245, 18%, 42%)
CMYK
cmyk(28%, 30%, 0%, 51%)
Metrics
S 18% · L 42%
Contrast (WCAG)
on white
6.7:1AA
on black
3.1:1AA Large
About this color
Amethyst Velvet Muted (#5B587E) belongs to the blue family — hue 245°, 18% saturation, 42% 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-amethyst-velvet-muted: #5B587E; --colorarchive-amethyst-velvet-muted-hsl: hsl(245, 18%, 42%); --colorarchive-amethyst-velvet-muted-rgb: rgb(91, 88, 126); }
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
Amethyst Dusk Muted
#4A4766 · hsl(245, 18%, 34%)
Complementary counterpoint
Citrine Velvet Muted
#7E7E58 · hsl(60, 18%, 42%)
Analogous lead
Plum Velvet Muted
#6B587E · hsl(270, 18%, 42%)
Analogous echo
Cobalt Velvet Muted
#58657E · hsl(220, 18%, 42%)
Triadic +120°
Scarlet Velvet Muted
#7E5B58 · hsl(5, 18%, 42%)
Triadic +240°
Emerald Velvet Muted
#587E58 · hsl(120, 18%, 42%)
Split-comp +150°
Coral Velvet Muted
#7E6B58 · hsl(30, 18%, 42%)
Split-comp +210°
Lime Velvet Muted
#6B7E58 · hsl(90, 18%, 42%)
Export preview
Base: Amethyst Velvet Muted #5B587E Lighter companion: Amethyst Core Muted #686490 Darker companion: Amethyst Dusk Muted #4A4766 Complementary counterpoint: Citrine Velvet Muted #7E7E58 Analogous lead: Plum Velvet Muted #6B587E Analogous echo: Cobalt Velvet Muted #58657E Triadic +120°: Scarlet Velvet Muted #7E5B58 Triadic +240°: Emerald Velvet Muted #587E58 Split-comp +150°: Coral Velvet Muted #7E6B58 Split-comp +210°: Lime Velvet Muted #6B7E58
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Amethyst Velvet Faint
#626076 · hsl(245, 10%, 42%)
Nearby match
Amethyst Velvet Dust
#544F87 · hsl(245, 26%, 42%)
Nearby match
Amethyst Core Muted
#686490 · hsl(245, 18%, 48%)
Nearby match
Iris Velvet Muted
#58587E · hsl(240, 18%, 42%)
Nearby match
Violet Velvet Muted
#5E587E · hsl(250, 18%, 42%)
Nearby match
Amethyst Dusk Muted
#4A4766 · hsl(245, 18%, 34%)
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
#5A5A74
Protanopia
#5A5A76
Tritanopia
#5B706E
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.