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
Scarlet Pearl Vivid
Color detail

Scarlet Pearl Vivid

Red · Hue 5
Metrics
S 74% · L 84%
Contrast (WCAG)
on white1.6:1Failon black12.8:1AA
Save to journalSign in to saveStart palette from thisRecent trail

About this color

Scarlet Pearl Vivid (#F4BDB8) belongs to the red family — hue 5°, 74% saturation, 84% 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-scarlet-pearl-vivid: #F4BDB8;
  --colorarchive-scarlet-pearl-vivid-hsl: hsl(5, 74%, 84%);
  --colorarchive-scarlet-pearl-vivid-rgb: rgb(244, 189, 184);
}

AI Color Names

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

Design Context

TenderRomanticGentle
Common in

Beauty · Wedding · Healthcare

Pairs well with

Soft neutrals (warm gray, cream) or muted greens for balance

Design tip

Use as a background for emotional storytelling or as an accent in healthcare and wellness brands to convey warmth without intensity.

Cultural context ▶

In many cultures, light reds and pinks symbolize love, tenderness, and new beginnings. In Japan, sakura pink represents the ephemeral beauty of life.

Color Origins

Red family

Among the oldest pigments, and still the loudest signal.

Heritage

Red ochre is among the oldest pigments in the human visual record. Ochre reds lie beside burials at Qafzeh, Israel, about 100,000 years old; red ochre and costly cinnabar lit Pompeian walls; cinnabar was prized from Rome to China. Madder, kermes, and later New World cochineal built fortunes before synthetic alizarin arrived in 1869 and collapsed the madder market almost overnight.

Across cultures

In China red signals fortune and weddings, painted on doors and lanterns and given in money envelopes. In much of South Asia red is the bridal color (saris, sindoor) for the same reason. Western traditions split red between love (Valentine's) and danger (stoplights, balance sheets). Across the Christian liturgy red marks martyrdom and Pentecost; across cinema it has long marked the femme fatale.

In the wild

Coca-Cola has used red since its earliest signage. Netflix and YouTube both build their identities around a single saturated red. Christian Louboutin trademarked a single red — Pantone 18-1663 — on the soles of his shoes. Ferrari's racing red began as the Italian national racing color (Rosso Corsa). Emergency stop buttons are red on a yellow background under international machinery-safety standards, a convention so widespread it functions as international iconography.

How it reads

Red advances. On a page it draws the eye first; in a UI it implies destructive action or urgent state. Increasing saturation pushes it toward warning; reducing saturation moves it toward earthen, terra-cotta, comfort. Pairing red with white reads as energetic and consumer-facing; pairing it with black reads cinematic and luxurious; pairing it with cream reads as heritage or hospitality.

This particular tone

An almost luminous high-key tone — at this saturation and brightness, the color borders on neon. Use sparingly; it overpowers most companions.

Lightness band: At this lightness the hue almost recedes into the surface around it — useful for backgrounds, hover states, and any surface where the color should suggest a mood without competing with content.

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 #F4BDB8.

  • Glossierprimary
    Glossier Pink · #F8D6CD
    →
  • Aesopneutral
    Cream Paper · #EFE4D2
    →
  • Anthropicneutral
    Light Gray · #E8E6DC
    →

Cultures using a similar color

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

  • JapanCherry Blossom (sakura 桜)
    #FBC4D0 · Prunus serrulata flower
    →
  • IcelandMidnight Sun Pink
    #F2AEB5 · Horizon light, June
    →
  • ScandinaviaOat Beige
    #D5C7A7 · Linseed oil-treated pine
    →

Color guides

Go deeper on using red and color in design.

Color TheoryWarm Color Palette Guide: Reds, Oranges, Yellows, and Their NeutralsUI DesignColor in Financial UI: Trust, Data Visualization, and the Red/Green ConventionUI DesignDark Mode Color Design: Beyond Inverting Your Palette

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
Scarlet Mist Vivid
#F8D6D3 · hsl(5, 74%, 90%)
Darker companion
Scarlet Bloom Vivid
#EF9C95 · hsl(5, 74%, 76%)
Complementary counterpoint
Aqua Pearl Vivid
#B8F4F4 · hsl(180, 74%, 84%)
Analogous lead
Coral Pearl Vivid
#F4D6B8 · hsl(30, 74%, 84%)
Analogous echo
Garnet Pearl Vivid
#F4B8CC · hsl(340, 74%, 84%)
Triadic +120°
Emerald Pearl Vivid
#B8F4B8 · hsl(120, 74%, 84%)
Triadic +240°
Amethyst Pearl Vivid
#BDB8F4 · hsl(245, 74%, 84%)
Split-comp +150°
Jade Pearl Vivid
#B8F4D6 · hsl(150, 74%, 84%)
Split-comp +210°
Sapphire Pearl Vivid
#B8D6F4 · hsl(210, 74%, 84%)
Export preview
Base: Scarlet Pearl Vivid #F4BDB8
Lighter companion: Scarlet Mist Vivid #F8D6D3
Darker companion: Scarlet Bloom Vivid #EF9C95
Complementary counterpoint: Aqua Pearl Vivid #B8F4F4
Analogous lead: Coral Pearl Vivid #F4D6B8
Analogous echo: Garnet Pearl Vivid #F4B8CC
Triadic +120°: Emerald Pearl Vivid #B8F4B8
Triadic +240°: Amethyst Pearl Vivid #BDB8F4
Split-comp +150°: Jade Pearl Vivid #B8F4D6
Split-comp +210°: Sapphire Pearl Vivid #B8D6F4

Compare

See how Scarlet Pearl Vivid compares side by side with related colors.

vsScarlet Mist VividvsScarlet Bloom VividvsAqua Pearl VividvsCoral Pearl VividvsGarnet Pearl VividvsEmerald Pearl Vivid

Nearest neighbors

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

Search by hex
Nearby match
Scarlet Mist Vivid
#F8D6D3 · hsl(5, 74%, 90%)
Nearby match
Scarlet Pearl Bright
#F8BAB4 · hsl(5, 84%, 84%)
Nearby match
Crimson Pearl Vivid
#F4B8B8 · hsl(0, 74%, 84%)
Nearby match
Ruby Pearl Vivid
#F4C2B8 · hsl(10, 74%, 84%)
Nearby match
Scarlet Bloom Vivid
#EF9C95 · hsl(5, 74%, 76%)
Nearby match
Scarlet Whisper Vivid
#FBE6E4 · hsl(5, 74%, 94%)

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.4:1
Aqua Nocturne Faint
#2E3838
AAA7.1:1
Aqua Nocturne Muted
#2A3C3C
AAA9.3:1
Aqua Ink Faint
#202727
AAA9:1
Aqua Ink Muted
#1D2A2A
AAA8.8:1
Aqua Ink Dust
#1A2D2D
AAA8.5:1
Aqua Ink Soft
#183030

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#E1E5BA
Protanopia
#DEDEB9
Tritanopia
#F2BABA
Color of the Day

Like Scarlet Pearl Vivid? 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
Scarlet Pearl Faint#DAD3D2 · hsl(5, 10%, 84%)Scarlet Pearl Muted#DED0CF · hsl(5, 18%, 84%)Scarlet Pearl Dust#E1CDCC · hsl(5, 26%, 84%)Scarlet Pearl Soft#E4CBC8 · hsl(5, 34%, 84%)Scarlet Pearl Clear#ECC4C0 · hsl(5, 54%, 84%)Scarlet Pearl Vivid#F4BDB8 · hsl(5, 74%, 84%)Scarlet Pearl Bright#F8BAB4 · hsl(5, 84%, 84%)Scarlet Pearl Pure#FCB7B1 · hsl(5, 92%, 84%)
More from Red →