Lagoon Nocturne Clear — #174F45 Hex Color Code

RGB

rgb(23, 79, 69)

HSL

hsl(170, 54%, 20%)

Metrics

S 54% · L 20%

Contrast (WCAG)

on white

9.4:1AA

on black

2.2:1Fail

Recent trail

About this color

Lagoon Nocturne Clear (#174F45) belongs to the teal family — hue 170°, 54% 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-lagoon-nocturne-clear: #174F45; /* hsl(170, 54%, 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

Lagoon Shadow Clear

#216E61 · hsl(170, 54%, 28%)

Darker companion

Lagoon Ink Clear

#103731 · hsl(170, 54%, 14%)

Complementary counterpoint

Merlot Nocturne Clear

#4F1721 · hsl(350, 54%, 20%)

Analogous lead

Cerulean Nocturne Clear

#17454F · hsl(190, 54%, 20%)

Analogous echo

Jade Nocturne Clear

#174F33 · hsl(150, 54%, 20%)

Export preview

Base: Lagoon Nocturne Clear #174F45
Lighter companion: Lagoon Shadow Clear #216E61
Darker companion: Lagoon Ink Clear #103731
Complementary counterpoint: Merlot Nocturne Clear #4F1721
Analogous lead: Cerulean Nocturne Clear #17454F
Analogous echo: Jade Nocturne Clear #174F33