We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,000+ algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesNotesGuidesFree ResourcesConvertColorblindAboutSupportUpdates
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Color detail

Ruby Velvet Vivid

Red · Hue 10
Hex
#BA361C
RGB
rgb(186, 54, 28)
HSL
hsl(10, 74%, 42%)
CMYK
cmyk(0%, 71%, 85%, 27%)
Metrics
S 74% · L 42%
Contrast (WCAG)
on white
5.8:1AA
on black
3.6:1AA Large
Sign in to saveStart palette from thisRecent trail

About this color

Ruby Velvet Vivid (#BA361C) belongs to the red family — hue 10°, 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-ruby-velvet-vivid: #BA361C;
  --colorarchive-ruby-velvet-vivid-hsl: hsl(10, 74%, 42%);
  --colorarchive-ruby-velvet-vivid-rgb: rgb(186, 54, 28);
}

AI Color Names

Let AI suggest alternative poetic names for this color in English and Chinese.

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion
Ruby Core Vivid
#D53E20 · hsl(10, 74%, 48%)
Darker companion
Ruby Dusk Vivid
#972C17 · hsl(10, 74%, 34%)
Complementary counterpoint
Cerulean Velvet Vivid
#1CA0BA · hsl(190, 74%, 42%)
Analogous lead
Coral Velvet Vivid
#BA6B1C · hsl(30, 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: Ruby Velvet Vivid #BA361C
Lighter companion: Ruby Core Vivid #D53E20
Darker companion: Ruby Dusk Vivid #972C17
Complementary counterpoint: Cerulean Velvet Vivid #1CA0BA
Analogous lead: Coral Velvet Vivid #BA6B1C
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.

Search by hex
Nearby match
Ruby Core Vivid
#D53E20 · hsl(10, 74%, 48%)
Nearby match
Ruby Velvet Bright
#C52F11 · hsl(10, 84%, 42%)
Nearby match
Scarlet Velvet Vivid
#BA291C · hsl(5, 74%, 42%)
Nearby match
Vermillion Velvet Vivid
#BA431C · hsl(15, 74%, 42%)
Nearby match
Ruby Dusk Vivid
#972C17 · hsl(10, 74%, 34%)
Nearby match
Ruby Velvet Pure
#CE2909 · hsl(10, 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.

Contrast checker
AA5.5:1
Cerulean Veil Faint
#F9FAFA
AA5.6:1
Cerulean Veil Muted
#F9FBFB
AA5.6:1
Cerulean Veil Dust
#F9FBFB
AA5.6:1
Cerulean Veil Soft
#F8FBFC
AA5.6:1
Cerulean Veil Clear
#F7FCFD
AA5.6:1
Cerulean Veil Vivid
#F6FCFE

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#99A126
Protanopia
#949324
Tritanopia
#B6292A
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.

Upgrade to ProFree downloadView collections

Related colors

More from Red

Search
True Gray Ink#242424 · hsl(0, 0%, 14%)True Gray Nocturne#333333 · hsl(0, 0%, 20%)True Gray Shadow#474747 · hsl(0, 0%, 28%)True Gray Dusk#575757 · hsl(0, 0%, 34%)True Gray Velvet#6B6B6B · hsl(0, 0%, 42%)True Gray Core#7A7A7A · hsl(0, 0%, 48%)True Gray Radiant#8A8A8A · hsl(0, 0%, 54%)True Gray Tone#999999 · hsl(0, 0%, 60%)