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
Magenta Tone Clear
Color detail

Magenta Tone Clear

Pink · Hue 290
Metrics
S 54% · L 60%
Contrast (WCAG)
on white3.6:1AA Largeon black5.8:1AA
Save to journalSign in to saveStart palette from thisRecent trail

About this color

Magenta Tone Clear (#BE62D0) belongs to the pink family — hue 290°, 54% 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-magenta-tone-clear: #BE62D0;
  --colorarchive-magenta-tone-clear-hsl: hsl(290, 54%, 60%);
  --colorarchive-magenta-tone-clear-rgb: rgb(190, 98, 208);
}

AI Color Names

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

Design Context

BoldFunConfident
Common in

Fashion · Music · Social Platforms

Pairs well with

Black for edge, deep navy for sophistication, bright yellow for energy

Design tip

A fearless accent color. Use for CTAs and brand moments that need personality. Hot pink buttons are impossible to miss.

Cultural context ▶

Hot pink represents confidence, fun, and breaking rules. Popularized by punk culture and pop icons as a statement color.

Color Origins

Pink family

From cheap cosmetic to feminist reclamation to gender-neutral comeback.

Heritage

Pink, as a named color, is recent in English (only since the late 17th century, originally referring to the Dianthus flower). The hue itself is much older — Renaissance painters mixed it for flesh tones, and by the late 18th century it was a fashionable color across Europe. Many of pink's modern associations, though, are a 20th-century construction.

Across cultures

Pink-as-girl only became firmly established in the US in the 1940s; before then some advice even suggested pink for boys ('a more decided and stronger color') and blue for girls, though how common that was is disputed. In Japanese culture, sakura pink carries seasonal and nostalgic weight. In Mexico, hot pink (rosa mexicano) is considered part of the national identity; in India, pink has become a popular bridal choice alongside traditional red. The Pink Triangle was reclaimed from a Nazi badge into a 1970s LGBTQ+ symbol.

In the wild

T-Mobile's magenta is a hard-trademarked, hard-defended brand color. Barbie pink (Pantone 219 C) became its own cultural force in 2023. Owens Corning trademarked the color of its insulation. Pepto-Bismol's pink is instantly recognizable, though nobody is sure why it was first chosen. Wes Anderson made heritage pinks feel deeply specific in The Grand Budapest Hotel. Millennial Pink (named in 2016) was a trend that recast pink as gender-neutral, sophisticated, and salable to adults.

How it reads

Pink reads softer and warmer than red; the white in it takes the edge off red's intensity. Light pinks (blush, dusty rose) read as romantic, gentle, premium-feminine. Hot pinks read as energetic, queer-coded, or counterculture. Salmon and coral pinks read as healthy, beachy, or hospitality-friendly. Pink is having a sustained moment in adult-targeted brand design (skincare, DTC, beverage) now that it is no longer read as exclusively a children's color.

This particular tone

A confident mid-tone — this is the workhorse register of the hue, and the band where many brand colors live.

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: The clear, mid-saturation register is a common identity sweet spot — saturated enough to register as a 'real' color, restrained enough not to fight typography or photography placed over it.

Brands using a similar color

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

  • PlayStationaccent
    Square Purple · #A363D9
    →
  • Figmaprimary
    Figma Purple · #A259FF
    →
  • Discordaccent
    Fuchsia · #EB459E
    →

Cultures using a similar color

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

  • MexicoBarragán Earth Pink
    #D77176 · Casa Gilardi, Mexico City (1976)
    →
  • VietnamÁo Dài Pink
    #E94175 · Traditional silk dye
    →
  • Greece (Aegean)Terracotta Tile
    #B85B40 · Fired earthenware roof tiles
    →

Color guides

Go deeper on using pink and color in design.

Color HistoryMillennial Pink: What It Is, Where It Came From, and Why It Won't Go AwayColor History1950s Pastel Color Palettes: Mid-Century Mint, Coral Pink & Butter YellowColor TheoryAnalogous Color Palettes: How to Build Harmonious Multi-Color Systems

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
Magenta Silk Clear
#CB81D9 · hsl(290, 54%, 68%)
Darker companion
Magenta Radiant Clear
#B44AC9 · hsl(290, 54%, 54%)
Complementary counterpoint
Leaf Tone Clear
#74D062 · hsl(110, 54%, 60%)
Analogous lead
Peony Tone Clear
#D062BE · hsl(310, 54%, 60%)
Analogous echo
Plum Tone Clear
#9962D0 · hsl(270, 54%, 60%)
Triadic +120°
Amber Tone Clear
#D0BE62 · hsl(50, 54%, 60%)
Triadic +240°
Lagoon Tone Clear
#62D0BE · hsl(170, 54%, 60%)
Split-comp +150°
Olive Tone Clear
#ABD062 · hsl(80, 54%, 60%)
Split-comp +210°
Seafoam Tone Clear
#62D087 · hsl(140, 54%, 60%)
Export preview
Base: Magenta Tone Clear #BE62D0
Lighter companion: Magenta Silk Clear #CB81D9
Darker companion: Magenta Radiant Clear #B44AC9
Complementary counterpoint: Leaf Tone Clear #74D062
Analogous lead: Peony Tone Clear #D062BE
Analogous echo: Plum Tone Clear #9962D0
Triadic +120°: Amber Tone Clear #D0BE62
Triadic +240°: Lagoon Tone Clear #62D0BE
Split-comp +150°: Olive Tone Clear #ABD062
Split-comp +210°: Seafoam Tone Clear #62D087

Compare

See how Magenta Tone Clear compares side by side with related colors.

vsMagenta Silk ClearvsMagenta Radiant ClearvsLeaf Tone ClearvsPeony Tone ClearvsPlum Tone ClearvsAmber Tone Clear

Nearest neighbors

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

Search by hex
Nearby match
Magenta Radiant Clear
#B44AC9 · hsl(290, 54%, 54%)
Nearby match
Magenta Silk Clear
#CB81D9 · hsl(290, 54%, 68%)
Nearby match
Magenta Core Clear
#A638BC · hsl(290, 54%, 48%)
Nearby match
Magenta Tone Soft
#B076BC · hsl(290, 34%, 60%)
Nearby match
Magenta Tone Vivid
#CB4EE4 · hsl(290, 74%, 60%)
Nearby match
Mulberry Tone Clear
#AB62D0 · hsl(280, 54%, 60%)

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
AA4.5:1
Ruby Ink Muted
#2A1F1D
AA4.5:1
Ruby Ink Dust
#2D1E1A
AA4.5:1
Ruby Ink Soft
#301C18
AA4.5:1
Ruby Ink Clear
#371710
AA4.5:1
Ruby Ink Vivid
#3E1209
AA4.5:1
Ruby Ink Bright
#421006

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#A3A9B8
Protanopia
#9F9EBD
Tritanopia
#BBACA8
Color of the Day

Like Magenta Tone Clear? 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
Magenta Tone Faint#A08FA3 · hsl(290, 10%, 60%)Magenta Tone Muted#A587AB · hsl(290, 18%, 60%)Magenta Tone Dust#AB7EB4 · hsl(290, 26%, 60%)Magenta Tone Soft#B076BC · hsl(290, 34%, 60%)Magenta Tone Clear#BE62D0 · hsl(290, 54%, 60%)Magenta Tone Vivid#CB4EE4 · hsl(290, 74%, 60%)Magenta Tone Bright#D243EF · hsl(290, 84%, 60%)Magenta Tone Pure#D83BF7 · hsl(290, 92%, 60%)
More from Pink →