Lighter companion
Lagoon Radiant Vivid
#33E1C4 · hsl(170, 74%, 54%)
RGB
rgb(32, 213, 183)
HSL
hsl(170, 74%, 48%)
CMYK
cmyk(85%, 0%, 14%, 16%)
Metrics
S 74% · L 48%
Contrast (WCAG)
on white
1.9:1Fail
on black
11.3:1AA
About this color
Lagoon Core Vivid (#20D5B7) belongs to the teal family — hue 170°, 74% 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-lagoon-core-vivid: #20D5B7; --colorarchive-lagoon-core-vivid-hsl: hsl(170, 74%, 48%); --colorarchive-lagoon-core-vivid-rgb: rgb(32, 213, 183); }
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
Lagoon Velvet Vivid
#1CBAA0 · hsl(170, 74%, 42%)
Complementary counterpoint
Merlot Core Vivid
#D5203E · hsl(350, 74%, 48%)
Analogous lead
Cerulean Core Vivid
#20B7D5 · hsl(190, 74%, 48%)
Analogous echo
Celadon Core Vivid
#20D56B · hsl(145, 74%, 48%)
Triadic +120°
Magenta Core Vivid
#B720D5 · hsl(290, 74%, 48%)
Triadic +240°
Amber Core Vivid
#D5B720 · hsl(50, 74%, 48%)
Split-comp +150°
Rose Core Vivid
#D52099 · hsl(320, 74%, 48%)
Split-comp +210°
Ember Core Vivid
#D55C20 · hsl(20, 74%, 48%)
Export preview
Base: Lagoon Core Vivid #20D5B7 Lighter companion: Lagoon Radiant Vivid #33E1C4 Darker companion: Lagoon Velvet Vivid #1CBAA0 Complementary counterpoint: Merlot Core Vivid #D5203E Analogous lead: Cerulean Core Vivid #20B7D5 Analogous echo: Celadon Core Vivid #20D56B Triadic +120°: Magenta Core Vivid #B720D5 Triadic +240°: Amber Core Vivid #D5B720 Split-comp +150°: Rose Core Vivid #D52099 Split-comp +210°: Ember Core Vivid #D55C20
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Lagoon Velvet Vivid
#1CBAA0 · hsl(170, 74%, 42%)
Nearby match
Lagoon Radiant Vivid
#33E1C4 · hsl(170, 74%, 54%)
Nearby match
Lagoon Core Bright
#14E1BF · hsl(170, 84%, 48%)
Nearby match
Cyan Core Vivid
#20D5C6 · hsl(175, 74%, 48%)
Nearby match
Lagoon Core Pure
#0AEBC5 · hsl(170, 92%, 48%)
Nearby match
Lagoon Tone Vivid
#4EE4CB · hsl(170, 74%, 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
#8B7EC1
Protanopia
#9495BF
Tritanopia
#3DC5C6
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.