Lighter companion
Vermillion Shadow Muted
#54413B · hsl(15, 18%, 28%)
RGB
rgb(60, 46, 42)
HSL
hsl(15, 18%, 20%)
CMYK
cmyk(0%, 23%, 30%, 76%)
Metrics
S 18% · L 20%
Contrast (WCAG)
on white
13:1AA
on black
1.6:1Fail
About this color
Vermillion Nocturne Muted (#3C2E2A) belongs to the orange family — hue 15°, 18% 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-muted: #3C2E2A; --colorarchive-vermillion-nocturne-muted-hsl: hsl(15, 18%, 20%); --colorarchive-vermillion-nocturne-muted-rgb: rgb(60, 46, 42); }
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 Muted
#2A201D · hsl(15, 18%, 14%)
Complementary counterpoint
Cerulean Nocturne Muted
#2A393C · hsl(190, 18%, 20%)
Analogous lead
Apricot Nocturne Muted
#3C362A · hsl(40, 18%, 20%)
Analogous echo
Merlot Nocturne Muted
#3C2A2D · hsl(350, 18%, 20%)
Triadic +120°
Mint Nocturne Muted
#2A3C2D · hsl(130, 18%, 20%)
Triadic +240°
Violet Nocturne Muted
#2D2A3C · hsl(250, 18%, 20%)
Split-comp +150°
Teal Nocturne Muted
#2A3C36 · hsl(160, 18%, 20%)
Split-comp +210°
Cobalt Nocturne Muted
#2A303C · hsl(220, 18%, 20%)
Export preview
Base: Vermillion Nocturne Muted #3C2E2A Lighter companion: Vermillion Shadow Muted #54413B Darker companion: Vermillion Ink Muted #2A201D Complementary counterpoint: Cerulean Nocturne Muted #2A393C Analogous lead: Apricot Nocturne Muted #3C362A Analogous echo: Merlot Nocturne Muted #3C2A2D Triadic +120°: Mint Nocturne Muted #2A3C2D Triadic +240°: Violet Nocturne Muted #2D2A3C Split-comp +150°: Teal Nocturne Muted #2A3C36 Split-comp +210°: Cobalt Nocturne Muted #2A303C
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Vermillion Nocturne Faint
#38302E · hsl(15, 10%, 20%)
Nearby match
Vermillion Nocturne Dust
#402C26 · hsl(15, 26%, 20%)
Nearby match
Vermillion Ink Muted
#2A201D · hsl(15, 18%, 14%)
Nearby match
Ruby Nocturne Muted
#3C2D2A · hsl(10, 18%, 20%)
Nearby match
Ember Nocturne Muted
#3C302A · hsl(20, 18%, 20%)
Nearby match
Vermillion Shadow Muted
#54413B · hsl(15, 18%, 28%)
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
#37382B
Protanopia
#36362B
Tritanopia
#3B2C2C
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.