Lighter companion
Coral Core Vivid
#D57A20 · hsl(30, 74%, 48%)
RGB
rgb(186, 107, 28)
HSL
hsl(30, 74%, 42%)
CMYK
cmyk(0%, 42%, 85%, 27%)
Metrics
S 74% · L 42%
Contrast (WCAG)
on white
4:1AA Large
on black
5.2:1AA
About this color
Coral Velvet Vivid (#BA6B1C) belongs to the orange family — hue 30°, 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-coral-velvet-vivid: #BA6B1C; --colorarchive-coral-velvet-vivid-hsl: hsl(30, 74%, 42%); --colorarchive-coral-velvet-vivid-rgb: rgb(186, 107, 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
Coral Dusk Vivid
#975717 · hsl(30, 74%, 34%)
Complementary counterpoint
Sapphire Velvet Vivid
#1C6BBA · hsl(210, 74%, 42%)
Analogous lead
Canary Velvet Vivid
#BAAD1C · hsl(55, 74%, 42%)
Analogous echo
Scarlet Velvet Vivid
#BA291C · hsl(5, 74%, 42%)
Triadic +120°
Jade Velvet Vivid
#1CBA6B · hsl(150, 74%, 42%)
Triadic +240°
Plum Velvet Vivid
#6B1CBA · hsl(270, 74%, 42%)
Split-comp +150°
Aqua Velvet Vivid
#1CBABA · hsl(180, 74%, 42%)
Split-comp +210°
Iris Velvet Vivid
#1C1CBA · hsl(240, 74%, 42%)
Export preview
Base: Coral Velvet Vivid #BA6B1C Lighter companion: Coral Core Vivid #D57A20 Darker companion: Coral Dusk Vivid #975717 Complementary counterpoint: Sapphire Velvet Vivid #1C6BBA Analogous lead: Canary Velvet Vivid #BAAD1C Analogous echo: Scarlet Velvet Vivid #BA291C Triadic +120°: Jade Velvet Vivid #1CBA6B Triadic +240°: Plum Velvet Vivid #6B1CBA Split-comp +150°: Aqua Velvet Vivid #1CBABA Split-comp +210°: Iris Velvet Vivid #1C1CBA
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Coral Core Vivid
#D57A20 · hsl(30, 74%, 48%)
Nearby match
Coral Velvet Bright
#C56B11 · hsl(30, 84%, 42%)
Nearby match
Tangerine Velvet Vivid
#BA5E1C · hsl(25, 74%, 42%)
Nearby match
Coral Dusk Vivid
#975717 · hsl(30, 74%, 34%)
Nearby match
Coral Velvet Pure
#CE6B09 · hsl(30, 92%, 42%)
Nearby match
Coral Radiant Vivid
#E18A33 · hsl(30, 74%, 54%)
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
#A2A741
Protanopia
#9E9D3B
Tritanopia
#B74B4E
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.