RGB
rgb(153, 188, 118)
HSL
hsl(90, 34%, 60%)
Metrics
S 34% · L 60%
Contrast (WCAG)
on white
2.1:1Fail
on black
9.8:1AA
About this color
Lime Tone Soft (#99BC76) belongs to the lime family — hue 90°, 34% saturation, 60% 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-tone-soft: #99BC76; --colorarchive-lime-tone-soft-hsl: hsl(90, 34%, 60%); --colorarchive-lime-tone-soft-rgb: rgb(153, 188, 118); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Lighter companion
Lime Silk Soft
#ADC992 · hsl(90, 34%, 68%)
Darker companion
Lime Radiant Soft
#8AB262 · hsl(90, 34%, 54%)
Complementary counterpoint
Plum Tone Soft
#9976BC · hsl(270, 34%, 60%)
Analogous lead
Leaf Tone Soft
#82BC76 · hsl(110, 34%, 60%)
Analogous echo
Honey Tone Soft
#B0BC76 · hsl(70, 34%, 60%)
Triadic +120°
Sapphire Tone Soft
#7699BC · hsl(210, 34%, 60%)
Triadic +240°
Blush Tone Soft
#BC7699 · hsl(330, 34%, 60%)
Split-comp +150°
Iris Tone Soft
#7676BC · hsl(240, 34%, 60%)
Split-comp +210°
Fuchsia Tone Soft
#BC76BC · hsl(300, 34%, 60%)
Export preview
Base: Lime Tone Soft #99BC76 Lighter companion: Lime Silk Soft #ADC992 Darker companion: Lime Radiant Soft #8AB262 Complementary counterpoint: Plum Tone Soft #9976BC Analogous lead: Leaf Tone Soft #82BC76 Analogous echo: Honey Tone Soft #B0BC76 Triadic +120°: Sapphire Tone Soft #7699BC Triadic +240°: Blush Tone Soft #BC7699 Split-comp +150°: Iris Tone Soft #7676BC Split-comp +210°: Fuchsia Tone Soft #BC76BC
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Lime Radiant Soft
#8AB262 · hsl(90, 34%, 54%)
Nearby match
Lime Silk Soft
#ADC992 · hsl(90, 34%, 68%)
Nearby match
Lime Tone Muted
#99AB87 · hsl(90, 18%, 60%)
Nearby match
Lime Core Soft
#7AA451 · hsl(90, 34%, 48%)
Nearby match
Lime Tone Clear
#99D062 · hsl(90, 54%, 60%)
Nearby match
Olive Tone Soft
#A5BC76 · hsl(80, 34%, 60%)
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.
