Lighter companion
Garnet Shadow Faint
#4F4045 · hsl(340, 10%, 28%)
RGB
rgb(56, 46, 49)
HSL
hsl(340, 10%, 20%)
CMYK
cmyk(0%, 18%, 13%, 78%)
Metrics
S 10% · L 20%
Contrast (WCAG)
on white
13.1:1AA
on black
1.6:1Fail
About this color
Garnet Nocturne Faint (#382E31) belongs to the pink family — hue 340°, 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-garnet-nocturne-faint: #382E31; --colorarchive-garnet-nocturne-faint-hsl: hsl(340, 10%, 20%); --colorarchive-garnet-nocturne-faint-rgb: rgb(56, 46, 49); }
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
Garnet Ink Faint
#272023 · hsl(340, 10%, 14%)
Complementary counterpoint
Teal Nocturne Faint
#2E3835 · hsl(160, 10%, 20%)
Analogous lead
Crimson Nocturne Faint
#382E2E · hsl(0, 10%, 20%)
Analogous echo
Rose Nocturne Faint
#382E35 · hsl(320, 10%, 20%)
Triadic +120°
Moss Nocturne Faint
#31382E · hsl(100, 10%, 20%)
Triadic +240°
Cobalt Nocturne Faint
#2E3138 · hsl(220, 10%, 20%)
Split-comp +150°
Mint Nocturne Faint
#2E3830 · hsl(130, 10%, 20%)
Split-comp +210°
Cerulean Nocturne Faint
#2E3638 · hsl(190, 10%, 20%)
Export preview
Base: Garnet Nocturne Faint #382E31 Lighter companion: Garnet Shadow Faint #4F4045 Darker companion: Garnet Ink Faint #272023 Complementary counterpoint: Teal Nocturne Faint #2E3835 Analogous lead: Crimson Nocturne Faint #382E2E Analogous echo: Rose Nocturne Faint #382E35 Triadic +120°: Moss Nocturne Faint #31382E Triadic +240°: Cobalt Nocturne Faint #2E3138 Split-comp +150°: Mint Nocturne Faint #2E3830 Split-comp +210°: Cerulean Nocturne Faint #2E3638
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Garnet Nocturne Muted
#3C2A30 · hsl(340, 18%, 20%)
Nearby match
Garnet Ink Faint
#272023 · hsl(340, 10%, 14%)
Nearby match
Garnet Shadow Faint
#4F4045 · hsl(340, 10%, 28%)
Nearby match
Garnet Ink Muted
#2A1D22 · hsl(340, 18%, 14%)
Nearby match
Garnet Shadow Muted
#543B43 · hsl(340, 18%, 28%)
Nearby match
Garnet Dusk Faint
#5F4E54 · hsl(340, 10%, 34%)
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
#343530
Protanopia
#343430
Tritanopia
#383030
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.