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 Nocturne Clear
Color detail

Magenta Nocturne Clear

Pink · Hue 290
Metrics
S 54% · L 20%
Contrast (WCAG)
on white14.1:1AAon black1.5:1Fail
Save to journalSign in to saveStart palette from thisRecent trail

About this color

Magenta Nocturne Clear (#45174F) belongs to the pink family — hue 290°, 54% saturation, 20% 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-nocturne-clear: #45174F;
  --colorarchive-magenta-nocturne-clear-hsl: hsl(290, 54%, 20%);
  --colorarchive-magenta-nocturne-clear-rgb: rgb(69, 23, 79);
}

AI Color Names

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

Design Context

SensualDramaticSophisticated
Common in

Fine Wine · Luxury Lingerie · Event Design

Pairs well with

Gold for opulence, charcoal for drama, deep emerald for richness

Design tip

Use sparingly as an accent in luxury interfaces. Deep pink against dark backgrounds creates an unforgettable visual signature.

Cultural context ▶

Deep pinks and magentas bridge passion and sophistication. Common in luxury branding and high-fashion editorials.

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 deep, weighted version of the hue — formal, considered, and pairs especially well with off-white and warm metallic accents.

Lightness band: At this depth the hue starts behaving like a neutral — it can substitute for black in many contexts while still carrying a faint chromatic temperature. It pairs especially well with off-whites and warm metallics.

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 #45174F.

  • Slackprimary
    Aubergine · #4A154B
    →
  • Supabaseneutral
    Surface · #2A2A2A
    →
  • Xiaohongshu 小红书neutral
    Slate Text · #333333
    →

Cultures using a similar color

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

  • BrazilAçaí Purple
    #3D1F4D · Euterpe oleracea berry
    →
  • France (Paris)Bordeaux Wine
    #5C2E2A · Bordeaux region red wine
    →
  • Korea (Obangsaek)Obangsaek Black (흑 / heuk)
    #1F1F1F · North — water element, ink and lacquer
    →

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 YellowUI DesignDark Mode Color Palette Guide: Building Accessible, Beautiful Dark Interfaces

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 Shadow Clear
#61216E · hsl(290, 54%, 28%)
Darker companion
Magenta Ink Clear
#311037 · hsl(290, 54%, 14%)
Complementary counterpoint
Leaf Nocturne Clear
#214F17 · hsl(110, 54%, 20%)
Analogous lead
Peony Nocturne Clear
#4F1745 · hsl(310, 54%, 20%)
Analogous echo
Plum Nocturne Clear
#33174F · hsl(270, 54%, 20%)
Triadic +120°
Amber Nocturne Clear
#4F4517 · hsl(50, 54%, 20%)
Triadic +240°
Lagoon Nocturne Clear
#174F45 · hsl(170, 54%, 20%)
Split-comp +150°
Olive Nocturne Clear
#3C4F17 · hsl(80, 54%, 20%)
Split-comp +210°
Seafoam Nocturne Clear
#174F2A · hsl(140, 54%, 20%)
Export preview
Base: Magenta Nocturne Clear #45174F
Lighter companion: Magenta Shadow Clear #61216E
Darker companion: Magenta Ink Clear #311037
Complementary counterpoint: Leaf Nocturne Clear #214F17
Analogous lead: Peony Nocturne Clear #4F1745
Analogous echo: Plum Nocturne Clear #33174F
Triadic +120°: Amber Nocturne Clear #4F4517
Triadic +240°: Lagoon Nocturne Clear #174F45
Split-comp +150°: Olive Nocturne Clear #3C4F17
Split-comp +210°: Seafoam Nocturne Clear #174F2A

Compare

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

vsMagenta Shadow ClearvsMagenta Ink ClearvsLeaf Nocturne ClearvsPeony Nocturne ClearvsPlum Nocturne ClearvsAmber Nocturne Clear

Nearest neighbors

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

Search by hex
Nearby match
Magenta Ink Clear
#311037 · hsl(290, 54%, 14%)
Nearby match
Magenta Shadow Clear
#61216E · hsl(290, 54%, 28%)
Nearby match
Magenta Nocturne Soft
#3F2244 · hsl(290, 34%, 20%)
Nearby match
Magenta Nocturne Vivid
#4C0D59 · hsl(290, 74%, 20%)
Nearby match
Magenta Dusk Clear
#762886 · hsl(290, 54%, 34%)
Nearby match
Mulberry Nocturne Clear
#3C174F · hsl(280, 54%, 20%)

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
AAA13.5:1
Leaf Veil Faint
#FAFAF9
AAA13.6:1
Leaf Veil Muted
#F9FBF9
AAA13.6:1
Leaf Veil Dust
#F9FBF9
AAA13.6:1
Leaf Veil Soft
#F9FCF8
AAA13.7:1
Leaf Veil Clear
#F8FDF7
AAA13.7:1
Leaf Veil Vivid
#F7FEF6

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#393B44
Protanopia
#363646
Tritanopia
#443E3C
Color of the Day

Like Magenta Nocturne 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 Nocturne Faint#362E38 · hsl(290, 10%, 20%)Magenta Nocturne Muted#392A3C · hsl(290, 18%, 20%)Magenta Nocturne Dust#3C2640 · hsl(290, 26%, 20%)Magenta Nocturne Soft#3F2244 · hsl(290, 34%, 20%)Magenta Nocturne Clear#45174F · hsl(290, 54%, 20%)Magenta Nocturne Vivid#4C0D59 · hsl(290, 74%, 20%)Magenta Nocturne Bright#50085E · hsl(290, 84%, 20%)Magenta Nocturne Pure#520462 · hsl(290, 92%, 20%)
More from Pink →