Leaf Velvet Clear — #45A531 Hex Color Code

RGB

rgb(69, 165, 49)

HSL

hsl(110, 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

Leaf Velvet Clear (#45A531) belongs to the green family — hue 110°, 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-leaf-velvet-clear: #45A531; /* hsl(110, 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

Leaf Core Clear

#4EBC38 · hsl(110, 54%, 48%)

Darker companion

Leaf Dusk Clear

#378628 · hsl(110, 54%, 34%)

Complementary counterpoint

Magenta Velvet Clear

#9231A5 · hsl(290, 54%, 42%)

Analogous lead

Mint Velvet Clear

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

Analogous echo

Lime Velvet Clear

#6BA531 · hsl(90, 54%, 42%)

Export preview

Base: Leaf Velvet Clear #45A531
Lighter companion: Leaf Core Clear #4EBC38
Darker companion: Leaf Dusk Clear #378628
Complementary counterpoint: Magenta Velvet Clear #9231A5
Analogous lead: Mint Velvet Clear #31A545
Analogous echo: Lime Velvet Clear #6BA531