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.

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

Garnet Tone Clear

Pink · Hue 340
Hex
#D06287
RGB
rgb(208, 98, 135)
HSL
hsl(340, 54%, 60%)
CMYK
cmyk(0%, 53%, 35%, 18%)
Metrics
S 54% · L 60%
Contrast (WCAG)
on white
3.6:1AA Large
on black
5.8:1AA
Sign in to saveStart palette from thisRecent trail

About this color

Garnet Tone Clear (#D06287) belongs to the pink family — hue 340°, 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-garnet-tone-clear: #D06287;
  --colorarchive-garnet-tone-clear-hsl: hsl(340, 54%, 60%);
  --colorarchive-garnet-tone-clear-rgb: rgb(208, 98, 135);
}

AI Color Names

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

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
Garnet Silk Clear
#D9819F · hsl(340, 54%, 68%)
Darker companion
Garnet Radiant Clear
#C94A75 · hsl(340, 54%, 54%)
Complementary counterpoint
Teal Tone Clear
#62D0AB · hsl(160, 54%, 60%)
Analogous lead
Scarlet Tone Clear
#D06B62 · hsl(5, 54%, 60%)
Analogous echo
Rose Tone Clear
#D062AB · hsl(320, 54%, 60%)
Triadic +120°
Moss Tone Clear
#87D062 · hsl(100, 54%, 60%)
Triadic +240°
Cobalt Tone Clear
#6287D0 · hsl(220, 54%, 60%)
Split-comp +150°
Mint Tone Clear
#62D074 · hsl(130, 54%, 60%)
Split-comp +210°
Cerulean Tone Clear
#62BED0 · hsl(190, 54%, 60%)
Export preview
Base: Garnet Tone Clear #D06287
Lighter companion: Garnet Silk Clear #D9819F
Darker companion: Garnet Radiant Clear #C94A75
Complementary counterpoint: Teal Tone Clear #62D0AB
Analogous lead: Scarlet Tone Clear #D06B62
Analogous echo: Rose Tone Clear #D062AB
Triadic +120°: Moss Tone Clear #87D062
Triadic +240°: Cobalt Tone Clear #6287D0
Split-comp +150°: Mint Tone Clear #62D074
Split-comp +210°: Cerulean Tone Clear #62BED0

Nearest neighbors

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

Search by hex
Nearby match
Garnet Radiant Clear
#C94A75 · hsl(340, 54%, 54%)
Nearby match
Garnet Silk Clear
#D9819F · hsl(340, 54%, 68%)
Nearby match
Garnet Core Clear
#BC3864 · hsl(340, 54%, 48%)
Nearby match
Garnet Tone Soft
#BC768D · hsl(340, 34%, 60%)
Nearby match
Garnet Tone Vivid
#E44E80 · hsl(340, 74%, 60%)
Nearby match
Blush Tone Clear
#D06299 · hsl(330, 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
Cobalt Ink Soft
#182030
AA4.6:1
Cobalt Ink Clear
#101D37
AA4.7:1
Cobalt Ink Vivid
#091B3E
AA4.7:1
Cobalt Ink Bright
#061A42
AA4.7:1
Cobalt Ink Pure
#031945
AA4.5:1
Indigo Nocturne Bright
#08165E

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#B1B87D
Protanopia
#ACAB7F
Tritanopia
#CC7977
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%)
Appears in collections
Sunset Boulevard