Lighter companion
Vermillion Core Vivid
#D54D20 · hsl(15, 74%, 48%)
RGB
rgb(186, 67, 28)
HSL
hsl(15, 74%, 42%)
CMYK
cmyk(0%, 64%, 85%, 27%)
Metrics
S 74% · L 42%
Contrast (WCAG)
on white
5.4:1AA
on black
3.9:1AA Large
About this color
Vermillion Velvet Vivid (#BA431C) belongs to the orange family — hue 15°, 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-vermillion-velvet-vivid: #BA431C; --colorarchive-vermillion-velvet-vivid-hsl: hsl(15, 74%, 42%); --colorarchive-vermillion-velvet-vivid-rgb: rgb(186, 67, 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
Vermillion Dusk Vivid
#973717 · hsl(15, 74%, 34%)
Complementary counterpoint
Cerulean Velvet Vivid
#1CA0BA · hsl(190, 74%, 42%)
Analogous lead
Apricot Velvet Vivid
#BA861C · hsl(40, 74%, 42%)
Analogous echo
Merlot Velvet Vivid
#BA1C36 · hsl(350, 74%, 42%)
Triadic +120°
Mint Velvet Vivid
#1CBA36 · hsl(130, 74%, 42%)
Triadic +240°
Violet Velvet Vivid
#361CBA · hsl(250, 74%, 42%)
Split-comp +150°
Teal Velvet Vivid
#1CBA86 · hsl(160, 74%, 42%)
Split-comp +210°
Cobalt Velvet Vivid
#1C51BA · hsl(220, 74%, 42%)
Export preview
Base: Vermillion Velvet Vivid #BA431C Lighter companion: Vermillion Core Vivid #D54D20 Darker companion: Vermillion Dusk Vivid #973717 Complementary counterpoint: Cerulean Velvet Vivid #1CA0BA Analogous lead: Apricot Velvet Vivid #BA861C Analogous echo: Merlot Velvet Vivid #BA1C36 Triadic +120°: Mint Velvet Vivid #1CBA36 Triadic +240°: Violet Velvet Vivid #361CBA Split-comp +150°: Teal Velvet Vivid #1CBA86 Split-comp +210°: Cobalt Velvet Vivid #1C51BA
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Vermillion Core Vivid
#D54D20 · hsl(15, 74%, 48%)
Nearby match
Vermillion Velvet Bright
#C53E11 · hsl(15, 84%, 42%)
Nearby match
Ruby Velvet Vivid
#BA361C · hsl(10, 74%, 42%)
Nearby match
Ember Velvet Vivid
#BA511C · hsl(20, 74%, 42%)
Nearby match
Vermillion Dusk Vivid
#973717 · hsl(15, 74%, 34%)
Nearby match
Vermillion Velvet Pure
#CE3A09 · hsl(15, 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
#9BA22C
Protanopia
#959529
Tritanopia
#B63133
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.