Jade Velvet Clear — #31A56B Hex Color Code

RGB

rgb(49, 165, 107)

HSL

hsl(150, 54%, 42%)

Metrics

S 54% · L 42%

Contrast (WCAG)

on white

3.1:1AA Large

on black

6.7:1AA

Recent trail

About this color

Jade Velvet Clear (#31A56B) belongs to the teal family — hue 150°, 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-jade-velvet-clear: #31A56B; /* hsl(150, 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

Jade Core Clear

#38BC7A · hsl(150, 54%, 48%)

Darker companion

Jade Dusk Clear

#288657 · hsl(150, 54%, 34%)

Complementary counterpoint

Blush Velvet Clear

#A5316B · hsl(330, 54%, 42%)

Analogous lead

Lagoon Velvet Clear

#31A592 · hsl(170, 54%, 42%)

Analogous echo

Mint Velvet Clear

#31A545 · hsl(130, 54%, 42%)

Export preview

Base: Jade Velvet Clear #31A56B
Lighter companion: Jade Core Clear #38BC7A
Darker companion: Jade Dusk Clear #288657
Complementary counterpoint: Blush Velvet Clear #A5316B
Analogous lead: Lagoon Velvet Clear #31A592
Analogous echo: Mint Velvet Clear #31A545