Seafoam Nocturne Soft — #22442D Hex Color Code

RGB

rgb(34, 68, 45)

HSL

hsl(140, 34%, 20%)

Metrics

S 34% · L 20%

Contrast (WCAG)

on white

10.9:1AA

on black

1.9:1Fail

Recent trail

About this color

Seafoam Nocturne Soft (#22442D) belongs to the green family — hue 140°, 34% 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-seafoam-nocturne-soft: #22442D; /* hsl(140, 34%, 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

Seafoam Shadow Soft

#2F603F · hsl(140, 34%, 28%)

Darker companion

Seafoam Ink Soft

#183020 · hsl(140, 34%, 14%)

Complementary counterpoint

Rose Nocturne Soft

#442239 · hsl(320, 34%, 20%)

Analogous lead

Teal Nocturne Soft

#224439 · hsl(160, 34%, 20%)

Analogous echo

Emerald Nocturne Soft

#224422 · hsl(120, 34%, 20%)

Export preview

Base: Seafoam Nocturne Soft #22442D
Lighter companion: Seafoam Shadow Soft #2F603F
Darker companion: Seafoam Ink Soft #183020
Complementary counterpoint: Rose Nocturne Soft #442239
Analogous lead: Teal Nocturne Soft #224439
Analogous echo: Emerald Nocturne Soft #224422