We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,000+ algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesNotesGuidesFree ResourcesConvertColorblindAboutSupportUpdates
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Color detail

Lagoon Tone Vivid

Teal · Hue 170
Hex
#4EE4CB
RGB
rgb(78, 228, 203)
HSL
hsl(170, 74%, 60%)
CMYK
cmyk(66%, 0%, 11%, 11%)
Metrics
S 74% · L 60%
Contrast (WCAG)
on white
1.6:1Fail
on black
13.3:1AA
Sign in to saveStart palette from thisRecent trail

About this color

Lagoon Tone Vivid (#4EE4CB) belongs to the teal family — hue 170°, 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-lagoon-tone-vivid: #4EE4CB;
  --colorarchive-lagoon-tone-vivid-hsl: hsl(170, 74%, 60%);
  --colorarchive-lagoon-tone-vivid-rgb: rgb(78, 228, 203);
}

AI Color Names

Let AI suggest alternative poetic names for this color in English and Chinese.

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion
Lagoon Silk Vivid
#71EAD6 · hsl(170, 74%, 68%)
Darker companion
Lagoon Radiant Vivid
#33E1C4 · hsl(170, 74%, 54%)
Complementary counterpoint
Merlot Tone Vivid
#E44E67 · hsl(350, 74%, 60%)
Analogous lead
Cerulean Tone Vivid
#4ECBE4 · hsl(190, 74%, 60%)
Analogous echo
Celadon Tone Vivid
#4EE48C · hsl(145, 74%, 60%)
Triadic +120°
Magenta Tone Vivid
#CB4EE4 · hsl(290, 74%, 60%)
Triadic +240°
Amber Tone Vivid
#E4CB4E · hsl(50, 74%, 60%)
Split-comp +150°
Rose Tone Vivid
#E44EB2 · hsl(320, 74%, 60%)
Split-comp +210°
Ember Tone Vivid
#E4804E · hsl(20, 74%, 60%)
Export preview
Base: Lagoon Tone Vivid #4EE4CB
Lighter companion: Lagoon Silk Vivid #71EAD6
Darker companion: Lagoon Radiant Vivid #33E1C4
Complementary counterpoint: Merlot Tone Vivid #E44E67
Analogous lead: Cerulean Tone Vivid #4ECBE4
Analogous echo: Celadon Tone Vivid #4EE48C
Triadic +120°: Magenta Tone Vivid #CB4EE4
Triadic +240°: Amber Tone Vivid #E4CB4E
Split-comp +150°: Rose Tone Vivid #E44EB2
Split-comp +210°: Ember Tone Vivid #E4804E

Nearest neighbors

The closest archive matches by hue, saturation, and lightness.

Search by hex
Nearby match
Lagoon Radiant Vivid
#33E1C4 · hsl(170, 74%, 54%)
Nearby match
Lagoon Tone Bright
#43EFD2 · hsl(170, 84%, 60%)
Nearby match
Cyan Tone Vivid
#4EE4D8 · hsl(175, 74%, 60%)
Nearby match
Lagoon Silk Vivid
#71EAD6 · hsl(170, 74%, 68%)
Nearby match
Lagoon Tone Pure
#3BF7D8 · hsl(170, 92%, 60%)
Nearby match
Lagoon Core Vivid
#20D5B7 · hsl(170, 74%, 48%)

Accessible pairings

Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.

Contrast checker
AAA8.3:1
Merlot Nocturne Faint
#382E30
AAA8.5:1
Merlot Nocturne Muted
#3C2A2D
AAA8.7:1
Merlot Nocturne Dust
#40262A
AAA8.8:1
Merlot Nocturne Soft
#442227
AAA9:1
Merlot Nocturne Clear
#4F1721
AAA8.9:1
Merlot Nocturne Vivid
#590D1A

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#9D92D3
Protanopia
#A6A7D1
Tritanopia
#5ED6D7
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.

Upgrade to ProFree downloadView collections

Related colors

More from Teal

Search
Sage Gray Ink#222524 · hsl(150, 5%, 14%)Sage Gray Nocturne#303633 · hsl(150, 5%, 20%)Sage Gray Shadow#444B47 · hsl(150, 5%, 28%)Sage Gray Dusk#525B57 · hsl(150, 5%, 34%)Sage Gray Velvet#66706B · hsl(150, 5%, 42%)Sage Gray Core#74817A · hsl(150, 5%, 48%)Sage Gray Radiant#84908A · hsl(150, 5%, 54%)Sage Gray Tone#949E99 · hsl(150, 5%, 60%)