Olive Velvet Vivid — #86BA1C Hex Color Code

RGB

rgb(134, 186, 28)

HSL

hsl(80, 74%, 42%)

Metrics

S 74% · L 42%

Contrast (WCAG)

on white

2.3:1Fail

on black

9.1:1AA

Recent trail

About this color

Olive Velvet Vivid (#86BA1C) belongs to the lime family — hue 80°, 74% 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-olive-velvet-vivid: #86BA1C; /* hsl(80, 74%, 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

Olive Core Vivid

#99D520 · hsl(80, 74%, 48%)

Darker companion

Olive Dusk Vivid

#6C9717 · hsl(80, 74%, 34%)

Complementary counterpoint

Orchid Velvet Vivid

#511CBA · hsl(260, 74%, 42%)

Analogous lead

Moss Velvet Vivid

#51BA1C · hsl(100, 74%, 42%)

Analogous echo

Citrine Velvet Vivid

#BABA1C · hsl(60, 74%, 42%)

Export preview

Base: Olive Velvet Vivid #86BA1C
Lighter companion: Olive Core Vivid #99D520
Darker companion: Olive Dusk Vivid #6C9717
Complementary counterpoint: Orchid Velvet Vivid #511CBA
Analogous lead: Moss Velvet Vivid #51BA1C
Analogous echo: Citrine Velvet Vivid #BABA1C