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.

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

Mauve Tone Clear

Pink · Hue 305
Hex
#D062C7
RGB
rgb(208, 98, 199)
HSL
hsl(305, 54%, 60%)
CMYK
cmyk(0%, 53%, 4%, 18%)
Metrics
S 54% · L 60%
Contrast (WCAG)
on white
3.4:1AA Large
on black
6.3:1AA
Save to journalSign in to saveStart palette from thisRecent trail

About this color

Mauve Tone Clear (#D062C7) belongs to the pink family — hue 305°, 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-mauve-tone-clear: #D062C7;
  --colorarchive-mauve-tone-clear-hsl: hsl(305, 54%, 60%);
  --colorarchive-mauve-tone-clear-rgb: rgb(208, 98, 199);
}

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 even more recent in widespread use — most historical 'reds' that we'd now call pink were either faded cochineal or madder mixed with white lead. The classical Persian rosé and Venetian pink are old, but the cultural identity of 'pink' as its own thing is essentially a 20th-century construction.

Across cultures

Pink-as-girl is a marketing invention from the 1940s; before WWII pink was often suggested for boys ('a stronger, more decided color') and blue for girls. In Japanese culture, sakura pink carries seasonal and nostalgic weight without gender association. In Latin American culture, hot pink is a celebratory color; in much of South Asia, pink is one of the auspicious wedding palette colors. 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. The Pepto-Bismol pink is calibrated for medicine-cabinet recognizability. Wes Anderson built a career making heritage pinks (The Grand Budapest Hotel) feel deeply specific. Millennial Pink (~2014–2018) was a rebranding effort to make pink read as gender-neutral, sophisticated, and salable to adults.

How it reads

Pink reads softer and warmer than red; biologically it's still a long-wavelength color, but the white in it dampens the arousal response. 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) precisely because it stopped being 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 most successful brand colors live.

Lightness band: At mid-lightness the hue carries its full character. This is the band where most 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 the most 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 #D062C7.

  • PlayStationaccent
    Square Purple · #A363D9
    →
  • Discordaccent
    Fuchsia · #EB459E
    →
  • Bilibili 哔哩哔哩primary
    Bilibili Pink · #FB7299
    →

Cultures using a similar color

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

  • MexicoBarragán Earth Pink
    #D77176 · Casa Gilardi, Mexico City (1976)
    →
  • VietnamÁo Dài Pink
    #E94175 · Traditional silk dye
    →
  • AustraliaReef Coral
    #FF7E6F · Great Barrier Reef coral — Acropora
    →

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
Mauve Silk Clear
#D981D2 · hsl(305, 54%, 68%)
Darker companion
Mauve Radiant Clear
#C94ABE · hsl(305, 54%, 54%)
Complementary counterpoint
Emerald Tone Clear
#62D062 · hsl(120, 54%, 60%)
Analogous lead
Blush Tone Clear
#D06299 · hsl(330, 54%, 60%)
Analogous echo
Mulberry Tone Clear
#AB62D0 · hsl(280, 54%, 60%)
Triadic +120°
Citrine Tone Clear
#D0D062 · hsl(60, 54%, 60%)
Triadic +240°
Aqua Tone Clear
#62D0D0 · hsl(180, 54%, 60%)
Split-comp +150°
Lime Tone Clear
#99D062 · hsl(90, 54%, 60%)
Split-comp +210°
Jade Tone Clear
#62D099 · hsl(150, 54%, 60%)
Export preview
Base: Mauve Tone Clear #D062C7
Lighter companion: Mauve Silk Clear #D981D2
Darker companion: Mauve Radiant Clear #C94ABE
Complementary counterpoint: Emerald Tone Clear #62D062
Analogous lead: Blush Tone Clear #D06299
Analogous echo: Mulberry Tone Clear #AB62D0
Triadic +120°: Citrine Tone Clear #D0D062
Triadic +240°: Aqua Tone Clear #62D0D0
Split-comp +150°: Lime Tone Clear #99D062
Split-comp +210°: Jade Tone Clear #62D099

Compare

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

vsMauve Silk ClearvsMauve Radiant ClearvsEmerald Tone ClearvsBlush Tone ClearvsMulberry Tone ClearvsCitrine Tone Clear

Nearest neighbors

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

Search by hex
Nearby match
Mauve Radiant Clear
#C94ABE · hsl(305, 54%, 54%)
Nearby match
Fuchsia Tone Clear
#D062D0 · hsl(300, 54%, 60%)
Nearby match
Peony Tone Clear
#D062BE · hsl(310, 54%, 60%)
Nearby match
Mauve Silk Clear
#D981D2 · hsl(305, 54%, 68%)
Nearby match
Mauve Core Clear
#BC38B1 · hsl(305, 54%, 48%)
Nearby match
Mauve Tone Soft
#BC76B6 · hsl(305, 34%, 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.6:1
Emerald Ink Faint
#202720
AA4.5:1
Emerald Ink Muted
#1D2A1D
AA4.6:1
Mint Ink Faint
#202721
AA4.5:1
Mint Ink Muted
#1D2A1F
AA4.5:1
Clover Ink Faint
#212720
AA4.5:1
Clover Ink Muted
#1E2A1D

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#B1B8B0
Protanopia
#ACABB5
Tritanopia
#CCA5A1
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 Pink

Search
Magenta Ink Faint#262027 · hsl(290, 10%, 14%)Magenta Nocturne Faint#362E38 · hsl(290, 10%, 20%)Magenta Shadow Faint#4C404F · hsl(290, 10%, 28%)Magenta Dusk Faint#5C4E5F · hsl(290, 10%, 34%)Magenta Velvet Faint#726076 · hsl(290, 10%, 42%)Magenta Core Faint#836E87 · hsl(290, 10%, 48%)Magenta Radiant Faint#927E95 · hsl(290, 10%, 54%)Magenta Tone Faint#A08FA3 · hsl(290, 10%, 60%)