Lighter companion
Vermillion Shadow Vivid
#7C2D13 · hsl(15, 74%, 28%)
RGB
rgb(89, 32, 13)
HSL
hsl(15, 74%, 20%)
CMYK
cmyk(0%, 64%, 85%, 65%)
Metrics
S 74% · L 20%
Contrast (WCAG)
on white
12.8:1AA
on black
1.6:1Fail
About this color
Vermillion Nocturne Vivid (#59200D) belongs to the orange family — hue 15°, 74% saturation, 20% 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-nocturne-vivid: #59200D; --colorarchive-vermillion-nocturne-vivid-hsl: hsl(15, 74%, 20%); --colorarchive-vermillion-nocturne-vivid-rgb: rgb(89, 32, 13); }
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 Ink Vivid
#3E1609 · hsl(15, 74%, 14%)
Complementary counterpoint
Cerulean Nocturne Vivid
#0D4C59 · hsl(190, 74%, 20%)
Analogous lead
Apricot Nocturne Vivid
#59400D · hsl(40, 74%, 20%)
Analogous echo
Merlot Nocturne Vivid
#590D1A · hsl(350, 74%, 20%)
Triadic +120°
Mint Nocturne Vivid
#0D591A · hsl(130, 74%, 20%)
Triadic +240°
Violet Nocturne Vivid
#1A0D59 · hsl(250, 74%, 20%)
Split-comp +150°
Teal Nocturne Vivid
#0D5940 · hsl(160, 74%, 20%)
Split-comp +210°
Cobalt Nocturne Vivid
#0D2659 · hsl(220, 74%, 20%)
Export preview
Base: Vermillion Nocturne Vivid #59200D Lighter companion: Vermillion Shadow Vivid #7C2D13 Darker companion: Vermillion Ink Vivid #3E1609 Complementary counterpoint: Cerulean Nocturne Vivid #0D4C59 Analogous lead: Apricot Nocturne Vivid #59400D Analogous echo: Merlot Nocturne Vivid #590D1A Triadic +120°: Mint Nocturne Vivid #0D591A Triadic +240°: Violet Nocturne Vivid #1A0D59 Split-comp +150°: Teal Nocturne Vivid #0D5940 Split-comp +210°: Cobalt Nocturne Vivid #0D2659
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Vermillion Ink Vivid
#3E1609 · hsl(15, 74%, 14%)
Nearby match
Vermillion Nocturne Bright
#5E1E08 · hsl(15, 84%, 20%)
Nearby match
Ruby Nocturne Vivid
#591A0D · hsl(10, 74%, 20%)
Nearby match
Ember Nocturne Vivid
#59260D · hsl(20, 74%, 20%)
Nearby match
Vermillion Shadow Vivid
#7C2D13 · hsl(15, 74%, 28%)
Nearby match
Vermillion Nocturne Pure
#621C04 · hsl(15, 92%, 20%)
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
#4A4D14
Protanopia
#474713
Tritanopia
#571718
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.