Garnet Velvet Clear — #A53158 Hex Color Code

RGB

rgb(165, 49, 88)

HSL

hsl(340, 54%, 42%)

Metrics

S 54% · L 42%

Contrast (WCAG)

on white

6.6:1AA

on black

3.2:1AA Large

Recent trail

About this color

Garnet Velvet Clear (#A53158) belongs to the pink family — hue 340°, 54% 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-garnet-velvet-clear: #A53158; /* hsl(340, 54%, 42%) */
}

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion

Garnet Core Clear

#BC3864 · hsl(340, 54%, 48%)

Darker companion

Garnet Dusk Clear

#862847 · hsl(340, 54%, 34%)

Complementary counterpoint

Teal Velvet Clear

#31A57E · hsl(160, 54%, 42%)

Analogous lead

Crimson Velvet Clear

#A53131 · hsl(0, 54%, 42%)

Analogous echo

Rose Velvet Clear

#A5317E · hsl(320, 54%, 42%)

Export preview

Base: Garnet Velvet Clear #A53158
Lighter companion: Garnet Core Clear #BC3864
Darker companion: Garnet Dusk Clear #862847
Complementary counterpoint: Teal Velvet Clear #31A57E
Analogous lead: Crimson Velvet Clear #A53131
Analogous echo: Rose Velvet Clear #A5317E