Lighter companion
Scarlet Dusk Vivid
#972117 · hsl(5, 74%, 34%)
RGB
rgb(124, 27, 19)
HSL
hsl(5, 74%, 28%)
CMYK
cmyk(0%, 78%, 85%, 51%)
Metrics
S 74% · L 28%
Contrast (WCAG)
on white
10.4:1AA
on black
2:1Fail
About this color
Scarlet Shadow Vivid (#7C1B13) belongs to the red family — hue 5°, 74% saturation, 28% 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-shadow-vivid: #7C1B13; --colorarchive-scarlet-shadow-vivid-hsl: hsl(5, 74%, 28%); --colorarchive-scarlet-shadow-vivid-rgb: rgb(124, 27, 19); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Scarlet Nocturne Vivid
#59140D · hsl(5, 74%, 20%)
Complementary counterpoint
Aqua Shadow Vivid
#137C7C · hsl(180, 74%, 28%)
Analogous lead
Coral Shadow Vivid
#7C4713 · hsl(30, 74%, 28%)
Analogous echo
Garnet Shadow Vivid
#7C1336 · hsl(340, 74%, 28%)
Triadic +120°
Emerald Shadow Vivid
#137C13 · hsl(120, 74%, 28%)
Triadic +240°
Amethyst Shadow Vivid
#1B137C · hsl(245, 74%, 28%)
Split-comp +150°
Jade Shadow Vivid
#137C47 · hsl(150, 74%, 28%)
Split-comp +210°
Sapphire Shadow Vivid
#13477C · hsl(210, 74%, 28%)
Export preview
Base: Scarlet Shadow Vivid #7C1B13 Lighter companion: Scarlet Dusk Vivid #972117 Darker companion: Scarlet Nocturne Vivid #59140D Complementary counterpoint: Aqua Shadow Vivid #137C7C Analogous lead: Coral Shadow Vivid #7C4713 Analogous echo: Garnet Shadow Vivid #7C1336 Triadic +120°: Emerald Shadow Vivid #137C13 Triadic +240°: Amethyst Shadow Vivid #1B137C Split-comp +150°: Jade Shadow Vivid #137C47 Split-comp +210°: Sapphire Shadow Vivid #13477C
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Scarlet Dusk Vivid
#972117 · hsl(5, 74%, 34%)
Nearby match
Scarlet Shadow Bright
#83150B · hsl(5, 84%, 28%)
Nearby match
Crimson Shadow Vivid
#7C1313 · hsl(0, 74%, 28%)
Nearby match
Ruby Shadow Vivid
#7C2413 · hsl(10, 74%, 28%)
Nearby match
Scarlet Nocturne Vivid
#59140D · hsl(5, 74%, 20%)
Nearby match
Scarlet Shadow Pure
#891106 · hsl(5, 92%, 28%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#656A16
Protanopia
#616015
Tritanopia
#791717
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.