Garnet Nocturne Muted — #3C2A30 Hex Color Code

RGB

rgb(60, 42, 48)

HSL

hsl(340, 18%, 20%)

Metrics

S 18% · L 20%

Contrast (WCAG)

on white

13.4:1AA

on black

1.6:1Fail

Recent trail

About this color

Garnet Nocturne Muted (#3C2A30) belongs to the pink family — hue 340°, 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-garnet-nocturne-muted: #3C2A30; /* hsl(340, 18%, 20%) */
}

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion

Garnet Shadow Muted

#543B43 · hsl(340, 18%, 28%)

Darker companion

Garnet Ink Muted

#2A1D22 · hsl(340, 18%, 14%)

Complementary counterpoint

Teal Nocturne Muted

#2A3C36 · hsl(160, 18%, 20%)

Analogous lead

Crimson Nocturne Muted

#3C2A2A · hsl(0, 18%, 20%)

Analogous echo

Rose Nocturne Muted

#3C2A36 · hsl(320, 18%, 20%)

Export preview

Base: Garnet Nocturne Muted #3C2A30
Lighter companion: Garnet Shadow Muted #543B43
Darker companion: Garnet Ink Muted #2A1D22
Complementary counterpoint: Teal Nocturne Muted #2A3C36
Analogous lead: Crimson Nocturne Muted #3C2A2A
Analogous echo: Rose Nocturne Muted #3C2A36