RGB
rgb(155, 201, 146)
HSL
hsl(110, 34%, 68%)
Metrics
S 34% · L 68%
Contrast (WCAG)
on white
1.9:1Fail
on black
11.2:1AA
About this color
Leaf Silk Soft (#9BC992) belongs to the green family — hue 110°, 34% saturation, 68% 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-silk-soft: #9BC992; --colorarchive-leaf-silk-soft-hsl: hsl(110, 34%, 68%); --colorarchive-leaf-silk-soft-rgb: rgb(155, 201, 146); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Lighter companion
Leaf Bloom Soft
#B4D7AD · hsl(110, 34%, 76%)
Darker companion
Leaf Tone Soft
#82BC76 · hsl(110, 34%, 60%)
Complementary counterpoint
Magenta Silk Soft
#C092C9 · hsl(290, 34%, 68%)
Analogous lead
Mint Silk Soft
#92C99B · hsl(130, 34%, 68%)
Analogous echo
Lime Silk Soft
#ADC992 · hsl(90, 34%, 68%)
Triadic +120°
Indigo Silk Soft
#929BC9 · hsl(230, 34%, 68%)
Triadic +240°
Merlot Silk Soft
#C9929B · hsl(350, 34%, 68%)
Split-comp +150°
Orchid Silk Soft
#A492C9 · hsl(260, 34%, 68%)
Split-comp +210°
Rose Silk Soft
#C992B7 · hsl(320, 34%, 68%)
Export preview
Base: Leaf Silk Soft #9BC992 Lighter companion: Leaf Bloom Soft #B4D7AD Darker companion: Leaf Tone Soft #82BC76 Complementary counterpoint: Magenta Silk Soft #C092C9 Analogous lead: Mint Silk Soft #92C99B Analogous echo: Lime Silk Soft #ADC992 Triadic +120°: Indigo Silk Soft #929BC9 Triadic +240°: Merlot Silk Soft #C9929B Split-comp +150°: Orchid Silk Soft #A492C9 Split-comp +210°: Rose Silk Soft #C992B7
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Leaf Tone Soft
#82BC76 · hsl(110, 34%, 60%)
Nearby match
Leaf Bloom Soft
#B4D7AD · hsl(110, 34%, 76%)
Nearby match
Leaf Silk Muted
#A4BC9F · hsl(110, 18%, 68%)
Nearby match
Leaf Silk Clear
#90D981 · hsl(110, 54%, 68%)
Nearby match
Leaf Radiant Soft
#6FB262 · hsl(110, 34%, 54%)
Nearby match
Moss Silk Soft
#A4C992 · hsl(100, 34%, 68%)
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.
