Lighter companion
Ruby Velvet Vivid
#BA361C · hsl(10, 74%, 42%)
RGB
rgb(151, 44, 23)
HSL
hsl(10, 74%, 34%)
CMYK
cmyk(0%, 71%, 85%, 41%)
Metrics
S 74% · L 34%
Contrast (WCAG)
on white
7.8:1AA
on black
2.7:1Fail
About this color
Ruby Dusk Vivid (#972C17) belongs to the red family — hue 10°, 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-ruby-dusk-vivid: #972C17; --colorarchive-ruby-dusk-vivid-hsl: hsl(10, 74%, 34%); --colorarchive-ruby-dusk-vivid-rgb: rgb(151, 44, 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
Ruby Shadow Vivid
#7C2413 · hsl(10, 74%, 28%)
Complementary counterpoint
Cerulean Dusk Vivid
#178197 · hsl(190, 74%, 34%)
Analogous lead
Coral Dusk Vivid
#975717 · hsl(30, 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: Ruby Dusk Vivid #972C17 Lighter companion: Ruby Velvet Vivid #BA361C Darker companion: Ruby Shadow Vivid #7C2413 Complementary counterpoint: Cerulean Dusk Vivid #178197 Analogous lead: Coral Dusk Vivid #975717 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
Ruby Shadow Vivid
#7C2413 · hsl(10, 74%, 28%)
Nearby match
Ruby Dusk Bright
#A0260E · hsl(10, 84%, 34%)
Nearby match
Scarlet Dusk Vivid
#972117 · hsl(5, 74%, 34%)
Nearby match
Vermillion Dusk Vivid
#973717 · hsl(15, 74%, 34%)
Nearby match
Ruby Velvet Vivid
#BA361C · hsl(10, 74%, 42%)
Nearby match
Ruby Dusk Pure
#A62207 · hsl(10, 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
#7C821F
Protanopia
#78771D
Tritanopia
#942223
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.