Lighter companion
Jade Tone Vivid
#4EE499 · hsl(150, 74%, 60%)
RGB
rgb(51, 225, 138)
HSL
hsl(150, 74%, 54%)
CMYK
cmyk(77%, 0%, 39%, 12%)
Metrics
S 74% · L 54%
Contrast (WCAG)
on white
1.7:1Fail
on black
12.3:1AA
About this color
Jade Radiant Vivid (#33E18A) belongs to the teal family — hue 150°, 74% saturation, 54% 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-jade-radiant-vivid: #33E18A; --colorarchive-jade-radiant-vivid-hsl: hsl(150, 74%, 54%); --colorarchive-jade-radiant-vivid-rgb: rgb(51, 225, 138); }
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
Jade Core Vivid
#20D57A · hsl(150, 74%, 48%)
Complementary counterpoint
Blush Radiant Vivid
#E1338A · hsl(330, 74%, 54%)
Analogous lead
Cyan Radiant Vivid
#33E1D2 · hsl(175, 74%, 54%)
Analogous echo
Mint Radiant Vivid
#33E150 · hsl(130, 74%, 54%)
Triadic +120°
Plum Radiant Vivid
#8A33E1 · hsl(270, 74%, 54%)
Triadic +240°
Coral Radiant Vivid
#E18A33 · hsl(30, 74%, 54%)
Split-comp +150°
Fuchsia Radiant Vivid
#E133E1 · hsl(300, 74%, 54%)
Split-comp +210°
Crimson Radiant Vivid
#E13333 · hsl(0, 74%, 54%)
Export preview
Base: Jade Radiant Vivid #33E18A Lighter companion: Jade Tone Vivid #4EE499 Darker companion: Jade Core Vivid #20D57A Complementary counterpoint: Blush Radiant Vivid #E1338A Analogous lead: Cyan Radiant Vivid #33E1D2 Analogous echo: Mint Radiant Vivid #33E150 Triadic +120°: Plum Radiant Vivid #8A33E1 Triadic +240°: Coral Radiant Vivid #E18A33 Split-comp +150°: Fuchsia Radiant Vivid #E133E1 Split-comp +210°: Crimson Radiant Vivid #E13333
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Jade Core Vivid
#20D57A · hsl(150, 74%, 48%)
Nearby match
Jade Tone Vivid
#4EE499 · hsl(150, 74%, 60%)
Nearby match
Jade Radiant Bright
#27EC8A · hsl(150, 84%, 54%)
Nearby match
Celadon Radiant Vivid
#33E17B · hsl(145, 74%, 54%)
Nearby match
Jade Radiant Pure
#1EF68A · hsl(150, 92%, 54%)
Nearby match
Jade Velvet Vivid
#1CBA6B · hsl(150, 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.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#9689AA
Protanopia
#9FA0A5
Tritanopia
#4AB6BA
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.