Lighter companion
Ember Shadow Vivid
#7C3613 · hsl(20, 74%, 28%)
RGB
rgb(89, 38, 13)
HSL
hsl(20, 74%, 20%)
CMYK
cmyk(0%, 57%, 85%, 65%)
Metrics
S 74% · L 20%
Contrast (WCAG)
on white
12.3:1AA
on black
1.7:1Fail
About this color
Ember Nocturne Vivid (#59260D) belongs to the orange family — hue 20°, 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-ember-nocturne-vivid: #59260D; --colorarchive-ember-nocturne-vivid-hsl: hsl(20, 74%, 20%); --colorarchive-ember-nocturne-vivid-rgb: rgb(89, 38, 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
Ember Ink Vivid
#3E1B09 · hsl(20, 74%, 14%)
Complementary counterpoint
Azure Nocturne Vivid
#0D4059 · hsl(200, 74%, 20%)
Analogous lead
Saffron Nocturne Vivid
#59460D · hsl(45, 74%, 20%)
Analogous echo
Crimson Nocturne Vivid
#590D0D · hsl(0, 74%, 20%)
Triadic +120°
Seafoam Nocturne Vivid
#0D5926 · hsl(140, 74%, 20%)
Triadic +240°
Orchid Nocturne Vivid
#260D59 · hsl(260, 74%, 20%)
Split-comp +150°
Lagoon Nocturne Vivid
#0D594C · hsl(170, 74%, 20%)
Split-comp +210°
Indigo Nocturne Vivid
#0D1A59 · hsl(230, 74%, 20%)
Export preview
Base: Ember Nocturne Vivid #59260D Lighter companion: Ember Shadow Vivid #7C3613 Darker companion: Ember Ink Vivid #3E1B09 Complementary counterpoint: Azure Nocturne Vivid #0D4059 Analogous lead: Saffron Nocturne Vivid #59460D Analogous echo: Crimson Nocturne Vivid #590D0D Triadic +120°: Seafoam Nocturne Vivid #0D5926 Triadic +240°: Orchid Nocturne Vivid #260D59 Split-comp +150°: Lagoon Nocturne Vivid #0D594C Split-comp +210°: Indigo Nocturne Vivid #0D1A59
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Ember Ink Vivid
#3E1B09 · hsl(20, 74%, 14%)
Nearby match
Ember Nocturne Bright
#5E2508 · hsl(20, 84%, 20%)
Nearby match
Vermillion Nocturne Vivid
#59200D · hsl(15, 74%, 20%)
Nearby match
Tangerine Nocturne Vivid
#592D0D · hsl(25, 74%, 20%)
Nearby match
Ember Shadow Vivid
#7C3613 · hsl(20, 74%, 28%)
Nearby match
Ember Nocturne Pure
#622304 · hsl(20, 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
#4B4E17
Protanopia
#484815
Tritanopia
#571B1C
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.