Lighter companion
Clover Silk Vivid
#7BEA71 · hsl(115, 74%, 68%)
RGB
rgb(90, 228, 78)
HSL
hsl(115, 74%, 60%)
CMYK
cmyk(61%, 0%, 66%, 11%)
Metrics
S 74% · L 60%
Contrast (WCAG)
on white
1.7:1Fail
on black
12.6:1AA
About this color
Clover Tone Vivid (#5AE44E) belongs to the green family — hue 115°, 74% 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-clover-tone-vivid: #5AE44E; --colorarchive-clover-tone-vivid-hsl: hsl(115, 74%, 60%); --colorarchive-clover-tone-vivid-rgb: rgb(90, 228, 78); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Clover Radiant Vivid
#41E133 · hsl(115, 74%, 54%)
Complementary counterpoint
Magenta Tone Vivid
#CB4EE4 · hsl(290, 74%, 60%)
Analogous lead
Seafoam Tone Vivid
#4EE480 · hsl(140, 74%, 60%)
Analogous echo
Lime Tone Vivid
#99E44E · hsl(90, 74%, 60%)
Triadic +120°
Indigo Tone Vivid
#4E67E4 · hsl(230, 74%, 60%)
Triadic +240°
Crimson Tone Vivid
#E44E4E · hsl(0, 74%, 60%)
Split-comp +150°
Orchid Tone Vivid
#804EE4 · hsl(260, 74%, 60%)
Split-comp +210°
Rose Tone Vivid
#E44EB2 · hsl(320, 74%, 60%)
Export preview
Base: Clover Tone Vivid #5AE44E Lighter companion: Clover Silk Vivid #7BEA71 Darker companion: Clover Radiant Vivid #41E133 Complementary counterpoint: Magenta Tone Vivid #CB4EE4 Analogous lead: Seafoam Tone Vivid #4EE480 Analogous echo: Lime Tone Vivid #99E44E Triadic +120°: Indigo Tone Vivid #4E67E4 Triadic +240°: Crimson Tone Vivid #E44E4E Split-comp +150°: Orchid Tone Vivid #804EE4 Split-comp +210°: Rose Tone Vivid #E44EB2
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Clover Radiant Vivid
#41E133 · hsl(115, 74%, 54%)
Nearby match
Clover Tone Bright
#52EF43 · hsl(115, 84%, 60%)
Nearby match
Leaf Tone Vivid
#67E44E · hsl(110, 74%, 60%)
Nearby match
Emerald Tone Vivid
#4EE44E · hsl(120, 74%, 60%)
Nearby match
Clover Silk Vivid
#7BEA71 · hsl(115, 74%, 68%)
Nearby match
Clover Tone Pure
#4BF73B · hsl(115, 92%, 60%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#A19692
Protanopia
#A8AA88
Tritanopia
#67A6AB
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.