Garnet Radiant Vivid — #E1336D Hex Color Code

RGB

rgb(225, 51, 109)

HSL

hsl(340, 74%, 54%)

Metrics

S 74% · L 54%

Contrast (WCAG)

on white

4.3:1AA Large

on black

4.9:1AA

Recent trail

About this color

Garnet Radiant Vivid (#E1336D) belongs to the pink family — hue 340°, 74% saturation, 54% 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-radiant-vivid: #E1336D; /* hsl(340, 74%, 54%) */
}

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 Tone Vivid

#E44E80 · hsl(340, 74%, 60%)

Darker companion

Garnet Core Vivid

#D5205C · hsl(340, 74%, 48%)

Complementary counterpoint

Teal Radiant Vivid

#33E1A7 · hsl(160, 74%, 54%)

Analogous lead

Crimson Radiant Vivid

#E13333 · hsl(0, 74%, 54%)

Analogous echo

Rose Radiant Vivid

#E133A7 · hsl(320, 74%, 54%)

Export preview

Base: Garnet Radiant Vivid #E1336D
Lighter companion: Garnet Tone Vivid #E44E80
Darker companion: Garnet Core Vivid #D5205C
Complementary counterpoint: Teal Radiant Vivid #33E1A7
Analogous lead: Crimson Radiant Vivid #E13333
Analogous echo: Rose Radiant Vivid #E133A7