Citrine Nocturne Muted — #3C3C2A Hex Color Code

RGB

rgb(60, 60, 42)

HSL

hsl(60, 18%, 20%)

Metrics

S 18% · L 20%

Contrast (WCAG)

on white

11.2:1AA

on black

1.9:1Fail

Recent trail

About this color

Citrine Nocturne Muted (#3C3C2A) belongs to the yellow family — hue 60°, 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-citrine-nocturne-muted: #3C3C2A; /* hsl(60, 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

Citrine Shadow Muted

#54543B · hsl(60, 18%, 28%)

Darker companion

Citrine Ink Muted

#2A2A1D · hsl(60, 18%, 14%)

Complementary counterpoint

Iris Nocturne Muted

#2A2A3C · hsl(240, 18%, 20%)

Analogous lead

Olive Nocturne Muted

#363C2A · hsl(80, 18%, 20%)

Analogous echo

Apricot Nocturne Muted

#3C362A · hsl(40, 18%, 20%)

Export preview

Base: Citrine Nocturne Muted #3C3C2A
Lighter companion: Citrine Shadow Muted #54543B
Darker companion: Citrine Ink Muted #2A2A1D
Complementary counterpoint: Iris Nocturne Muted #2A2A3C
Analogous lead: Olive Nocturne Muted #363C2A
Analogous echo: Apricot Nocturne Muted #3C362A