RGB
rgb(107, 186, 28)
HSL
hsl(90, 74%, 42%)
Metrics
S 74% · L 42%
Contrast (WCAG)
on white
2.4:1Fail
on black
8.7:1AA
About this color
Lime Velvet Vivid (#6BBA1C) belongs to the lime family — hue 90°, 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-lime-velvet-vivid: #6BBA1C; --colorarchive-lime-velvet-vivid-hsl: hsl(90, 74%, 42%); --colorarchive-lime-velvet-vivid-rgb: rgb(107, 186, 28); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Lighter companion
Lime Core Vivid
#7AD520 · hsl(90, 74%, 48%)
Darker companion
Lime Dusk Vivid
#579717 · hsl(90, 74%, 34%)
Complementary counterpoint
Plum Velvet Vivid
#6B1CBA · hsl(270, 74%, 42%)
Analogous lead
Leaf Velvet Vivid
#36BA1C · hsl(110, 74%, 42%)
Analogous echo
Honey Velvet Vivid
#A0BA1C · hsl(70, 74%, 42%)
Triadic +120°
Sapphire Velvet Vivid
#1C6BBA · hsl(210, 74%, 42%)
Triadic +240°
Blush Velvet Vivid
#BA1C6B · hsl(330, 74%, 42%)
Split-comp +150°
Iris Velvet Vivid
#1C1CBA · hsl(240, 74%, 42%)
Split-comp +210°
Fuchsia Velvet Vivid
#BA1CBA · hsl(300, 74%, 42%)
Export preview
Base: Lime Velvet Vivid #6BBA1C Lighter companion: Lime Core Vivid #7AD520 Darker companion: Lime Dusk Vivid #579717 Complementary counterpoint: Plum Velvet Vivid #6B1CBA Analogous lead: Leaf Velvet Vivid #36BA1C Analogous echo: Honey Velvet Vivid #A0BA1C Triadic +120°: Sapphire Velvet Vivid #1C6BBA Triadic +240°: Blush Velvet Vivid #BA1C6B Split-comp +150°: Iris Velvet Vivid #1C1CBA Split-comp +210°: Fuchsia Velvet Vivid #BA1CBA
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Lime Core Vivid
#7AD520 · hsl(90, 74%, 48%)
Nearby match
Lime Dusk Vivid
#579717 · hsl(90, 74%, 34%)
Nearby match
Lime Radiant Vivid
#8AE133 · hsl(90, 74%, 54%)
Nearby match
Lime Velvet Clear
#6BA531 · hsl(90, 54%, 42%)
Nearby match
Lime Shadow Vivid
#477C13 · hsl(90, 74%, 28%)
Nearby match
Olive Velvet Vivid
#86BA1C · hsl(80, 74%, 42%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.
