Lagoon Velvet Clear — #31A592 Hex Color Code

RGB

rgb(49, 165, 146)

HSL

hsl(170, 54%, 42%)

Metrics

S 54% · L 42%

Contrast (WCAG)

on white

3:1AA Large

on black

6.9:1AA

Recent trail

About this color

Lagoon Velvet Clear (#31A592) belongs to the teal family — hue 170°, 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-lagoon-velvet-clear: #31A592; /* hsl(170, 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

Lagoon Core Clear

#38BCA6 · hsl(170, 54%, 48%)

Darker companion

Lagoon Dusk Clear

#288676 · hsl(170, 54%, 34%)

Complementary counterpoint

Merlot Velvet Clear

#A53145 · hsl(350, 54%, 42%)

Analogous lead

Cerulean Velvet Clear

#3192A5 · hsl(190, 54%, 42%)

Analogous echo

Jade Velvet Clear

#31A56B · hsl(150, 54%, 42%)

Export preview

Base: Lagoon Velvet Clear #31A592
Lighter companion: Lagoon Core Clear #38BCA6
Darker companion: Lagoon Dusk Clear #288676
Complementary counterpoint: Merlot Velvet Clear #A53145
Analogous lead: Cerulean Velvet Clear #3192A5
Analogous echo: Jade Velvet Clear #31A56B