Lighter companion
Tangerine Core Vivid
#D56B20 · hsl(25, 74%, 48%)
RGB
rgb(186, 94, 28)
HSL
hsl(25, 74%, 42%)
CMYK
cmyk(0%, 49%, 85%, 27%)
Metrics
S 74% · L 42%
Contrast (WCAG)
on white
4.5:1AA Large
on black
4.7:1AA
About this color
Tangerine Velvet Vivid (#BA5E1C) belongs to the orange family — hue 25°, 74% saturation, 42% 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-velvet-vivid: #BA5E1C; --colorarchive-tangerine-velvet-vivid-hsl: hsl(25, 74%, 42%); --colorarchive-tangerine-velvet-vivid-rgb: rgb(186, 94, 28); }
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 Dusk Vivid
#974C17 · hsl(25, 74%, 34%)
Complementary counterpoint
Steel Velvet Vivid
#1C78BA · hsl(205, 74%, 42%)
Analogous lead
Amber Velvet Vivid
#BAA01C · hsl(50, 74%, 42%)
Analogous echo
Crimson Velvet Vivid
#BA1C1C · hsl(0, 74%, 42%)
Triadic +120°
Celadon Velvet Vivid
#1CBA5E · hsl(145, 74%, 42%)
Triadic +240°
Orchid Velvet Vivid
#511CBA · hsl(260, 74%, 42%)
Split-comp +150°
Cyan Velvet Vivid
#1CBAAD · hsl(175, 74%, 42%)
Split-comp +210°
Indigo Velvet Vivid
#1C36BA · hsl(230, 74%, 42%)
Export preview
Base: Tangerine Velvet Vivid #BA5E1C Lighter companion: Tangerine Core Vivid #D56B20 Darker companion: Tangerine Dusk Vivid #974C17 Complementary counterpoint: Steel Velvet Vivid #1C78BA Analogous lead: Amber Velvet Vivid #BAA01C Analogous echo: Crimson Velvet Vivid #BA1C1C Triadic +120°: Celadon Velvet Vivid #1CBA5E Triadic +240°: Orchid Velvet Vivid #511CBA Split-comp +150°: Cyan Velvet Vivid #1CBAAD Split-comp +210°: Indigo Velvet Vivid #1C36BA
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Tangerine Core Vivid
#D56B20 · hsl(25, 74%, 48%)
Nearby match
Tangerine Velvet Bright
#C55C11 · hsl(25, 84%, 42%)
Nearby match
Ember Velvet Vivid
#BA511C · hsl(20, 74%, 42%)
Nearby match
Coral Velvet Vivid
#BA6B1C · hsl(30, 74%, 42%)
Nearby match
Tangerine Dusk Vivid
#974C17 · hsl(25, 74%, 34%)
Nearby match
Tangerine Velvet Pure
#CE5B09 · hsl(25, 92%, 42%)
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
#9FA53A
Protanopia
#9B9A35
Tritanopia
#B74245
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.