RGB
rgb(136, 164, 81)
HSL
hsl(80, 34%, 48%)
Metrics
S 34% · L 48%
Contrast (WCAG)
on white
2.8:1Fail
on black
7.5:1AA
About this color
Olive Core Soft (#88A451) belongs to the lime family — hue 80°, 34% saturation, 48% 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-core-soft: #88A451; --colorarchive-olive-core-soft-hsl: hsl(80, 34%, 48%); --colorarchive-olive-core-soft-rgb: rgb(136, 164, 81); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Lighter companion
Olive Radiant Soft
#97B262 · hsl(80, 34%, 54%)
Darker companion
Olive Velvet Soft
#779047 · hsl(80, 34%, 42%)
Complementary counterpoint
Orchid Core Soft
#6D51A4 · hsl(260, 34%, 48%)
Analogous lead
Moss Core Soft
#6DA451 · hsl(100, 34%, 48%)
Analogous echo
Citrine Core Soft
#A4A451 · hsl(60, 34%, 48%)
Triadic +120°
Azure Core Soft
#5188A4 · hsl(200, 34%, 48%)
Triadic +240°
Rose Core Soft
#A45188 · hsl(320, 34%, 48%)
Split-comp +150°
Indigo Core Soft
#515FA4 · hsl(230, 34%, 48%)
Split-comp +210°
Magenta Core Soft
#9651A4 · hsl(290, 34%, 48%)
Export preview
Base: Olive Core Soft #88A451 Lighter companion: Olive Radiant Soft #97B262 Darker companion: Olive Velvet Soft #779047 Complementary counterpoint: Orchid Core Soft #6D51A4 Analogous lead: Moss Core Soft #6DA451 Analogous echo: Citrine Core Soft #A4A451 Triadic +120°: Azure Core Soft #5188A4 Triadic +240°: Rose Core Soft #A45188 Split-comp +150°: Indigo Core Soft #515FA4 Split-comp +210°: Magenta Core Soft #9651A4
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Olive Velvet Soft
#779047 · hsl(80, 34%, 42%)
Nearby match
Olive Radiant Soft
#97B262 · hsl(80, 34%, 54%)
Nearby match
Olive Core Muted
#829064 · hsl(80, 18%, 48%)
Nearby match
Olive Tone Soft
#A5BC76 · hsl(80, 34%, 60%)
Nearby match
Olive Core Clear
#90BC38 · hsl(80, 54%, 48%)
Nearby match
Olive Dusk Soft
#617439 · hsl(80, 34%, 34%)
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.
