Lighter companion
Garnet Radiant Clear
#C94A75 · hsl(340, 54%, 54%)
RGB
rgb(188, 56, 100)
HSL
hsl(340, 54%, 48%)
Metrics
S 54% · L 48%
Contrast (WCAG)
on white
5.4:1AA
on black
3.9:1AA Large
About this color
Garnet Core Clear (#BC3864) belongs to the pink family — hue 340°, 54% saturation, 48% 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-core-clear: #BC3864; --colorarchive-garnet-core-clear-hsl: hsl(340, 54%, 48%); --colorarchive-garnet-core-clear-rgb: rgb(188, 56, 100); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Garnet Velvet Clear
#A53158 · hsl(340, 54%, 42%)
Complementary counterpoint
Teal Core Clear
#38BC90 · hsl(160, 54%, 48%)
Analogous lead
Crimson Core Clear
#BC3838 · hsl(0, 54%, 48%)
Analogous echo
Rose Core Clear
#BC3890 · hsl(320, 54%, 48%)
Triadic +120°
Moss Core Clear
#64BC38 · hsl(100, 54%, 48%)
Triadic +240°
Cobalt Core Clear
#3864BC · hsl(220, 54%, 48%)
Split-comp +150°
Mint Core Clear
#38BC4E · hsl(130, 54%, 48%)
Split-comp +210°
Cerulean Core Clear
#38A6BC · hsl(190, 54%, 48%)
Export preview
Base: Garnet Core Clear #BC3864 Lighter companion: Garnet Radiant Clear #C94A75 Darker companion: Garnet Velvet Clear #A53158 Complementary counterpoint: Teal Core Clear #38BC90 Analogous lead: Crimson Core Clear #BC3838 Analogous echo: Rose Core Clear #BC3890 Triadic +120°: Moss Core Clear #64BC38 Triadic +240°: Cobalt Core Clear #3864BC Split-comp +150°: Mint Core Clear #38BC4E Split-comp +210°: Cerulean Core Clear #38A6BC
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Garnet Velvet Clear
#A53158 · hsl(340, 54%, 42%)
Nearby match
Garnet Radiant Clear
#C94A75 · hsl(340, 54%, 54%)
Nearby match
Garnet Tone Clear
#D06287 · hsl(340, 54%, 60%)
Nearby match
Garnet Core Soft
#A4516D · hsl(340, 34%, 48%)
Nearby match
Garnet Core Vivid
#D5205C · hsl(340, 74%, 48%)
Nearby match
Garnet Dusk Clear
#862847 · hsl(340, 54%, 34%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.