We're live on Product Hunt!Support us
ColorArchive

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

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Teal Tone Pure
Color detail

Teal Tone Pure

Teal · Hue 160
Metrics
S 92% · L 60%
Contrast (WCAG)
on white1.4:1Failon black15.2:1AA
Save to journalSign in to saveStart palette from thisRecent trail

About this color

Teal Tone Pure (#3BF7B8) belongs to the teal family — hue 160°, 92% 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-teal-tone-pure: #3BF7B8;
  --colorarchive-teal-tone-pure-hsl: hsl(160, 92%, 60%);
  --colorarchive-teal-tone-pure-rgb: rgb(59, 247, 184);
}

AI Color Names

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

Design Context

SophisticatedCreativeBalanced
Common in

Design Agencies · Healthcare Tech · Education

Pairs well with

Warm orange for complementary energy, dark slate for depth

Design tip

A versatile primary color for brands seeking to appear both creative and reliable. Works across light and dark themes.

Cultural context ▶

Teal balances emotional stability with mental clarity. It's associated with communication and healing in color therapy.

Color Origins

Teal family

The hue of patina, lagoons, and modern surgery.

Heritage

Teal — the blue-green range — is named after the Eurasian teal duck, which has a stripe of this color on its head. Egyptian blue and Egyptian green, both copper-based pigments, flank this region. The patina of weathered copper (the Statue of Liberty's color) sits here too; on the statue it is mostly basic copper sulfate. Phthalo turquoise is a 20th-century pigment.

Across cultures

In Persian and Central Asian Islamic architecture, teal-turquoise tile work is iconic — the domes of Samarkand and Isfahan are unmistakable. In ancient Egypt, faience (a kind of glazed ceramic in this color) was associated with the Nile, fertility, and rebirth. In the American Southwest, teal-turquoise is so deeply associated with Navajo and Pueblo silverwork that the color reads 'desert' there.

In the wild

Surgical scrubs are often green or teal, a choice usually explained by afterimages — staring at red tissue leaves green ghosts on white surfaces, which blend into blue-green cloth. Tiffany Blue, a robin's-egg blue-green, was trademarked in 1998 and later standardized with Pantone as '1837 Blue', after the company's founding year.

How it reads

Teal sits at one of the visually quietest points of the spectrum — it neither advances (like red) nor recedes (like blue). It reads as competent, calm, and slightly clinical. At low saturation it becomes a duck-egg or seafoam, soft and Scandinavian. At high saturation it becomes electric or tropical. Teal pairs particularly well with warm earth tones (terracotta, clay, beige).

This particular tone

A vivid mid-tone — distinctive enough to anchor an identity, saturated enough to demand a quiet supporting palette.

Lightness band: At mid-lightness the hue carries its full character. This is the band where many identity colors live: bright enough to be distinctive at small sizes, deep enough to sit cleanly on a white canvas.

Saturation band: At this saturation the color is doing work. It reads as a brand statement, a sport accessory, or a UI signal. It should be used in small, deliberate doses against quieter neighbors; large fields at this saturation will exhaust the eye.

Brands using a similar color

Within the public brand-guidelines reference catalog, these are the closest matches to #3BF7B8.

  • TikTokaccent
    TikTok Cyan · #25F4EE
    →
  • Douyin 抖音accent
    Cyan · #25F4EE
    →
  • Discordaccent
    Online Green · #57F287
    →

Cultures using a similar color

From the cultural-palette catalog, these regions feature a color close to #3BF7B8.

  • AustraliaReef Turquoise
    #3FBFB9 · Whitsunday lagoons
    →
  • IcelandGlacial Cyan
    #75BBC1 · Vatnajökull ice cave light
    →

Color guides

Go deeper on using teal and color in design.

Color PsychologyColor Psychology in Product Design: Evidence-Based Principles for UI and BrandColor TheoryColor in Healthcare Design: Building Palettes That HealUI DesignColor in Video Streaming Interfaces: Dark-First, Thumbnails, and Hierarchy

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
Teal Silk Pure
#62F8C6 · hsl(160, 92%, 68%)
Darker companion
Teal Radiant Pure
#1EF6AE · hsl(160, 92%, 54%)
Complementary counterpoint
Garnet Tone Pure
#F73B7A · hsl(340, 92%, 60%)
Analogous lead
Aqua Tone Pure
#3BF7F7 · hsl(180, 92%, 60%)
Analogous echo
Seafoam Tone Pure
#3BF77A · hsl(140, 92%, 60%)
Triadic +120°
Mulberry Tone Pure
#B83BF7 · hsl(280, 92%, 60%)
Triadic +240°
Apricot Tone Pure
#F7B83B · hsl(40, 92%, 60%)
Split-comp +150°
Peony Tone Pure
#F73BD8 · hsl(310, 92%, 60%)
Split-comp +210°
Ruby Tone Pure
#F75A3B · hsl(10, 92%, 60%)
Export preview
Base: Teal Tone Pure #3BF7B8
Lighter companion: Teal Silk Pure #62F8C6
Darker companion: Teal Radiant Pure #1EF6AE
Complementary counterpoint: Garnet Tone Pure #F73B7A
Analogous lead: Aqua Tone Pure #3BF7F7
Analogous echo: Seafoam Tone Pure #3BF77A
Triadic +120°: Mulberry Tone Pure #B83BF7
Triadic +240°: Apricot Tone Pure #F7B83B
Split-comp +150°: Peony Tone Pure #F73BD8
Split-comp +210°: Ruby Tone Pure #F75A3B

Compare

See how Teal Tone Pure compares side by side with related colors.

vsTeal Silk PurevsTeal Radiant PurevsGarnet Tone PurevsAqua Tone PurevsSeafoam Tone PurevsMulberry Tone Pure

Nearest neighbors

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

Search by hex
Nearby match
Teal Tone Bright
#43EFB6 · hsl(160, 84%, 60%)
Nearby match
Teal Radiant Pure
#1EF6AE · hsl(160, 92%, 54%)
Nearby match
Teal Silk Pure
#62F8C6 · hsl(160, 92%, 68%)
Nearby match
Teal Radiant Bright
#27ECAB · hsl(160, 84%, 54%)
Nearby match
Teal Tone Vivid
#4EE4B2 · hsl(160, 74%, 60%)
Nearby match
Teal Core Pure
#0AEBA0 · hsl(160, 92%, 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
AAA7.1:1
Garnet Shadow Faint
#4F4045
AAA7.3:1
Garnet Shadow Muted
#543B43
AAA7.5:1
Garnet Shadow Dust
#5A3541
AAA7.7:1
Garnet Shadow Soft
#602F3F
AAA7.8:1
Garnet Shadow Clear
#6E213B
AAA7.6:1
Garnet Shadow Vivid
#7C1336

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#A597CE
Protanopia
#AFB0CA
Tritanopia
#54D6D9
Color of the Day

Like Teal Tone Pure? Get one like it every morning.

One hand-picked color a day — with its hex, family, and the story behind it.

Get a color every morning

One email per day. Unsubscribe anytime.

Ready to build

Turn these colors into design tokens

Copy the CSS variables and the Tailwind class free, right here. ColorArchive Pro lifts the daily export limit — 10 a day signed in, 3 without an account.

Upgrade to ProFree downloadView collections

Saturation ladder

Same hue and lightness, from gray to pure

Search
Teal Tone Faint#8FA39C · hsl(160, 10%, 60%)Teal Tone Muted#87AB9F · hsl(160, 18%, 60%)Teal Tone Dust#7EB4A2 · hsl(160, 26%, 60%)Teal Tone Soft#76BCA5 · hsl(160, 34%, 60%)Teal Tone Clear#62D0AB · hsl(160, 54%, 60%)Teal Tone Vivid#4EE4B2 · hsl(160, 74%, 60%)Teal Tone Bright#43EFB6 · hsl(160, 84%, 60%)Teal Tone Pure#3BF7B8 · hsl(160, 92%, 60%)
More from Teal →