Lighter companion
Vermillion Velvet Vivid
#BA431C · hsl(15, 74%, 42%)
RGB
rgb(151, 55, 23)
HSL
hsl(15, 74%, 34%)
CMYK
cmyk(0%, 64%, 85%, 41%)
Metrics
S 74% · L 34%
Contrast (WCAG)
on white
7.3:1AA
on black
2.9:1Fail
About this color
Vermillion Dusk Vivid (#973717) belongs to the orange family — hue 15°, 74% saturation, 34% 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-vermillion-dusk-vivid: #973717; --colorarchive-vermillion-dusk-vivid-hsl: hsl(15, 74%, 34%); --colorarchive-vermillion-dusk-vivid-rgb: rgb(151, 55, 23); }
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
Vermillion Shadow Vivid
#7C2D13 · hsl(15, 74%, 28%)
Complementary counterpoint
Cerulean Dusk Vivid
#178197 · hsl(190, 74%, 34%)
Analogous lead
Apricot Dusk Vivid
#976C17 · hsl(40, 74%, 34%)
Analogous echo
Merlot Dusk Vivid
#97172C · hsl(350, 74%, 34%)
Triadic +120°
Mint Dusk Vivid
#17972C · hsl(130, 74%, 34%)
Triadic +240°
Violet Dusk Vivid
#2C1797 · hsl(250, 74%, 34%)
Split-comp +150°
Teal Dusk Vivid
#17976C · hsl(160, 74%, 34%)
Split-comp +210°
Cobalt Dusk Vivid
#174197 · hsl(220, 74%, 34%)
Export preview
Base: Vermillion Dusk Vivid #973717 Lighter companion: Vermillion Velvet Vivid #BA431C Darker companion: Vermillion Shadow Vivid #7C2D13 Complementary counterpoint: Cerulean Dusk Vivid #178197 Analogous lead: Apricot Dusk Vivid #976C17 Analogous echo: Merlot Dusk Vivid #97172C Triadic +120°: Mint Dusk Vivid #17972C Triadic +240°: Violet Dusk Vivid #2C1797 Split-comp +150°: Teal Dusk Vivid #17976C Split-comp +210°: Cobalt Dusk Vivid #174197
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Vermillion Shadow Vivid
#7C2D13 · hsl(15, 74%, 28%)
Nearby match
Vermillion Dusk Bright
#A0320E · hsl(15, 84%, 34%)
Nearby match
Ruby Dusk Vivid
#972C17 · hsl(10, 74%, 34%)
Nearby match
Ember Dusk Vivid
#974117 · hsl(20, 74%, 34%)
Nearby match
Vermillion Velvet Vivid
#BA431C · hsl(15, 74%, 42%)
Nearby match
Vermillion Dusk Pure
#A62F07 · hsl(15, 92%, 34%)
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
#7E8324
Protanopia
#797922
Tritanopia
#942829
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.