Lighter companion
Vermillion Shadow Faint
#4F4440 · hsl(15, 10%, 28%)
RGB
rgb(56, 48, 46)
HSL
hsl(15, 10%, 20%)
CMYK
cmyk(0%, 14%, 18%, 78%)
Metrics
S 10% · L 20%
Contrast (WCAG)
on white
12.9:1AA
on black
1.6:1Fail
About this color
Vermillion Nocturne Faint (#38302E) belongs to the orange family — hue 15°, 10% 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-faint: #38302E; --colorarchive-vermillion-nocturne-faint-hsl: hsl(15, 10%, 20%); --colorarchive-vermillion-nocturne-faint-rgb: rgb(56, 48, 46); }
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 Faint
#272220 · hsl(15, 10%, 14%)
Complementary counterpoint
Cerulean Nocturne Faint
#2E3638 · hsl(190, 10%, 20%)
Analogous lead
Apricot Nocturne Faint
#38352E · hsl(40, 10%, 20%)
Analogous echo
Merlot Nocturne Faint
#382E30 · hsl(350, 10%, 20%)
Triadic +120°
Mint Nocturne Faint
#2E3830 · hsl(130, 10%, 20%)
Triadic +240°
Violet Nocturne Faint
#302E38 · hsl(250, 10%, 20%)
Split-comp +150°
Teal Nocturne Faint
#2E3835 · hsl(160, 10%, 20%)
Split-comp +210°
Cobalt Nocturne Faint
#2E3138 · hsl(220, 10%, 20%)
Export preview
Base: Vermillion Nocturne Faint #38302E Lighter companion: Vermillion Shadow Faint #4F4440 Darker companion: Vermillion Ink Faint #272220 Complementary counterpoint: Cerulean Nocturne Faint #2E3638 Analogous lead: Apricot Nocturne Faint #38352E Analogous echo: Merlot Nocturne Faint #382E30 Triadic +120°: Mint Nocturne Faint #2E3830 Triadic +240°: Violet Nocturne Faint #302E38 Split-comp +150°: Teal Nocturne Faint #2E3835 Split-comp +210°: Cobalt Nocturne Faint #2E3138
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Vermillion Nocturne Muted
#3C2E2A · hsl(15, 18%, 20%)
Nearby match
Vermillion Ink Faint
#272220 · hsl(15, 10%, 14%)
Nearby match
Ruby Nocturne Faint
#38302E · hsl(10, 10%, 20%)
Nearby match
Ember Nocturne Faint
#38312E · hsl(20, 10%, 20%)
Nearby match
Vermillion Shadow Faint
#4F4440 · hsl(15, 10%, 28%)
Nearby match
Vermillion Nocturne Dust
#402C26 · hsl(15, 26%, 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
#35362F
Protanopia
#35352E
Tritanopia
#382F2F
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.