Lighter companion
Lagoon Shadow Clear
#216E61 · hsl(170, 54%, 28%)
RGB
rgb(23, 79, 69)
HSL
hsl(170, 54%, 20%)
CMYK
cmyk(71%, 0%, 13%, 69%)
Metrics
S 54% · L 20%
Contrast (WCAG)
on white
9.4:1AA
on black
2.2:1Fail
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; --colorarchive-lagoon-nocturne-clear-hsl: hsl(170, 54%, 20%); --colorarchive-lagoon-nocturne-clear-rgb: rgb(23, 79, 69); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
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
Celadon Nocturne Clear
#174F2E · hsl(145, 54%, 20%)
Triadic +120°
Magenta Nocturne Clear
#45174F · hsl(290, 54%, 20%)
Triadic +240°
Amber Nocturne Clear
#4F4517 · hsl(50, 54%, 20%)
Split-comp +150°
Rose Nocturne Clear
#4F173C · hsl(320, 54%, 20%)
Split-comp +210°
Ember Nocturne Clear
#4F2A17 · hsl(20, 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: Celadon Nocturne Clear #174F2E Triadic +120°: Magenta Nocturne Clear #45174F Triadic +240°: Amber Nocturne Clear #4F4517 Split-comp +150°: Rose Nocturne Clear #4F173C Split-comp +210°: Ember Nocturne Clear #4F2A17
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Lagoon Ink Clear
#103731 · hsl(170, 54%, 14%)
Nearby match
Cyan Nocturne Clear
#174F4A · hsl(175, 54%, 20%)
Nearby match
Lagoon Shadow Clear
#216E61 · hsl(170, 54%, 28%)
Nearby match
Lagoon Nocturne Soft
#22443F · hsl(170, 34%, 20%)
Nearby match
Lagoon Nocturne Vivid
#0D594C · hsl(170, 74%, 20%)
Nearby match
Cyan Ink Clear
#103734 · hsl(175, 54%, 14%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#343048
Protanopia
#373848
Tritanopia
#1D4A4A
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.