Teal Nocturne Muted — #2A3C36 Hex Color Code

RGB

rgb(42, 60, 54)

HSL

hsl(160, 18%, 20%)

Metrics

S 18% · L 20%

Contrast (WCAG)

on white

11.7:1AA

on black

1.8:1Fail

Recent trail

About this color

Teal Nocturne Muted (#2A3C36) belongs to the teal family — hue 160°, 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-teal-nocturne-muted: #2A3C36; /* hsl(160, 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

Teal Shadow Muted

#3B544C · hsl(160, 18%, 28%)

Darker companion

Teal Ink Muted

#1D2A26 · hsl(160, 18%, 14%)

Complementary counterpoint

Garnet Nocturne Muted

#3C2A30 · hsl(340, 18%, 20%)

Analogous lead

Aqua Nocturne Muted

#2A3C3C · hsl(180, 18%, 20%)

Analogous echo

Seafoam Nocturne Muted

#2A3C30 · hsl(140, 18%, 20%)

Export preview

Base: Teal Nocturne Muted #2A3C36
Lighter companion: Teal Shadow Muted #3B544C
Darker companion: Teal Ink Muted #1D2A26
Complementary counterpoint: Garnet Nocturne Muted #3C2A30
Analogous lead: Aqua Nocturne Muted #2A3C3C
Analogous echo: Seafoam Nocturne Muted #2A3C30