Teal Radiant Vivid — #33E1A7 Hex Color Code

RGB

rgb(51, 225, 167)

HSL

hsl(160, 74%, 54%)

Metrics

S 74% · L 54%

Contrast (WCAG)

on white

1.7:1Fail

on black

12.5:1AA

Recent trail

About this color

Teal Radiant Vivid (#33E1A7) belongs to the teal family — hue 160°, 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-teal-radiant-vivid: #33E1A7; /* hsl(160, 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

Teal Tone Vivid

#4EE4B2 · hsl(160, 74%, 60%)

Darker companion

Teal Core Vivid

#20D599 · hsl(160, 74%, 48%)

Complementary counterpoint

Garnet Radiant Vivid

#E1336D · hsl(340, 74%, 54%)

Analogous lead

Aqua Radiant Vivid

#33E1E1 · hsl(180, 74%, 54%)

Analogous echo

Seafoam Radiant Vivid

#33E16D · hsl(140, 74%, 54%)

Export preview

Base: Teal Radiant Vivid #33E1A7
Lighter companion: Teal Tone Vivid #4EE4B2
Darker companion: Teal Core Vivid #20D599
Complementary counterpoint: Garnet Radiant Vivid #E1336D
Analogous lead: Aqua Radiant Vivid #33E1E1
Analogous echo: Seafoam Radiant Vivid #33E16D