Azure Nocturne Muted — #2A363C Hex Color Code

RGB

rgb(42, 54, 60)

HSL

hsl(200, 18%, 20%)

Metrics

S 18% · L 20%

Contrast (WCAG)

on white

12.4:1AA

on black

1.7:1Fail

Recent trail

About this color

Azure Nocturne Muted (#2A363C) belongs to the blue family — hue 200°, 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-azure-nocturne-muted: #2A363C; /* hsl(200, 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

Azure Shadow Muted

#3B4C54 · hsl(200, 18%, 28%)

Darker companion

Azure Ink Muted

#1D262A · hsl(200, 18%, 14%)

Complementary counterpoint

Ember Nocturne Muted

#3C302A · hsl(20, 18%, 20%)

Analogous lead

Cobalt Nocturne Muted

#2A303C · hsl(220, 18%, 20%)

Analogous echo

Aqua Nocturne Muted

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

Export preview

Base: Azure Nocturne Muted #2A363C
Lighter companion: Azure Shadow Muted #3B4C54
Darker companion: Azure Ink Muted #1D262A
Complementary counterpoint: Ember Nocturne Muted #3C302A
Analogous lead: Cobalt Nocturne Muted #2A303C
Analogous echo: Aqua Nocturne Muted #2A3C3C