Lighter companion
Emerald Core Muted
#649064 · hsl(120, 18%, 48%)
RGB
rgb(88, 126, 88)
HSL
hsl(120, 18%, 42%)
Metrics
S 18% · L 42%
Contrast (WCAG)
on white
4.6:1AA
on black
4.5:1AA
About this color
Emerald Velvet Muted (#587E58) belongs to the green family — hue 120°, 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-emerald-velvet-muted: #587E58; --colorarchive-emerald-velvet-muted-hsl: hsl(120, 18%, 42%); --colorarchive-emerald-velvet-muted-rgb: rgb(88, 126, 88); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Emerald Dusk Muted
#476647 · hsl(120, 18%, 34%)
Complementary counterpoint
Fuchsia Velvet Muted
#7E587E · hsl(300, 18%, 42%)
Analogous lead
Seafoam Velvet Muted
#587E65 · hsl(140, 18%, 42%)
Analogous echo
Moss Velvet Muted
#657E58 · hsl(100, 18%, 42%)
Triadic +120°
Iris Velvet Muted
#58587E · hsl(240, 18%, 42%)
Triadic +240°
Crimson Velvet Muted
#7E5858 · hsl(0, 18%, 42%)
Split-comp +150°
Plum Velvet Muted
#6B587E · hsl(270, 18%, 42%)
Split-comp +210°
Blush Velvet Muted
#7E586B · hsl(330, 18%, 42%)
Export preview
Base: Emerald Velvet Muted #587E58 Lighter companion: Emerald Core Muted #649064 Darker companion: Emerald Dusk Muted #476647 Complementary counterpoint: Fuchsia Velvet Muted #7E587E Analogous lead: Seafoam Velvet Muted #587E65 Analogous echo: Moss Velvet Muted #657E58 Triadic +120°: Iris Velvet Muted #58587E Triadic +240°: Crimson Velvet Muted #7E5858 Split-comp +150°: Plum Velvet Muted #6B587E Split-comp +210°: Blush Velvet Muted #7E586B
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Emerald Core Muted
#649064 · hsl(120, 18%, 48%)
Nearby match
Emerald Dusk Muted
#476647 · hsl(120, 18%, 34%)
Nearby match
Emerald Velvet Soft
#479047 · hsl(120, 34%, 42%)
Nearby match
Emerald Radiant Muted
#759F75 · hsl(120, 18%, 54%)
Nearby match
Emerald Shadow Muted
#3B543B · hsl(120, 18%, 28%)
Nearby match
Leaf Velvet Muted
#5E7E58 · hsl(110, 18%, 42%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
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.