Lighter companion
Tangerine Velvet Vivid
#BA5E1C · hsl(25, 74%, 42%)
RGB
rgb(151, 76, 23)
HSL
hsl(25, 74%, 34%)
CMYK
cmyk(0%, 50%, 85%, 41%)
Metrics
S 74% · L 34%
Contrast (WCAG)
on white
6.2:1AA
on black
3.4:1AA Large
About this color
Tangerine Dusk Vivid (#974C17) belongs to the orange family — hue 25°, 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-tangerine-dusk-vivid: #974C17; --colorarchive-tangerine-dusk-vivid-hsl: hsl(25, 74%, 34%); --colorarchive-tangerine-dusk-vivid-rgb: rgb(151, 76, 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
Tangerine Shadow Vivid
#7C3F13 · hsl(25, 74%, 28%)
Complementary counterpoint
Steel Dusk Vivid
#176197 · hsl(205, 74%, 34%)
Analogous lead
Amber Dusk Vivid
#978117 · hsl(50, 74%, 34%)
Analogous echo
Crimson Dusk Vivid
#971717 · hsl(0, 74%, 34%)
Triadic +120°
Celadon Dusk Vivid
#17974C · hsl(145, 74%, 34%)
Triadic +240°
Orchid Dusk Vivid
#411797 · hsl(260, 74%, 34%)
Split-comp +150°
Cyan Dusk Vivid
#17978C · hsl(175, 74%, 34%)
Split-comp +210°
Indigo Dusk Vivid
#172C97 · hsl(230, 74%, 34%)
Export preview
Base: Tangerine Dusk Vivid #974C17 Lighter companion: Tangerine Velvet Vivid #BA5E1C Darker companion: Tangerine Shadow Vivid #7C3F13 Complementary counterpoint: Steel Dusk Vivid #176197 Analogous lead: Amber Dusk Vivid #978117 Analogous echo: Crimson Dusk Vivid #971717 Triadic +120°: Celadon Dusk Vivid #17974C Triadic +240°: Orchid Dusk Vivid #411797 Split-comp +150°: Cyan Dusk Vivid #17978C Split-comp +210°: Indigo Dusk Vivid #172C97
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Tangerine Shadow Vivid
#7C3F13 · hsl(25, 74%, 28%)
Nearby match
Tangerine Dusk Bright
#A04B0E · hsl(25, 84%, 34%)
Nearby match
Ember Dusk Vivid
#974117 · hsl(20, 74%, 34%)
Nearby match
Coral Dusk Vivid
#975717 · hsl(30, 74%, 34%)
Nearby match
Tangerine Velvet Vivid
#BA5E1C · hsl(25, 74%, 42%)
Nearby match
Tangerine Dusk Pure
#A64907 · hsl(25, 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
#81862E
Protanopia
#7D7D2B
Tritanopia
#943537
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.