Lighter companion
Lagoon Dusk Clear
#288676 · hsl(170, 54%, 34%)
RGB
rgb(33, 110, 97)
HSL
hsl(170, 54%, 28%)
CMYK
cmyk(70%, 0%, 12%, 57%)
Metrics
S 54% · L 28%
Contrast (WCAG)
on white
6.1:1AA
on black
3.5:1AA Large
About this color
Lagoon Shadow Clear (#216E61) belongs to the teal family — hue 170°, 54% saturation, 28% 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-shadow-clear: #216E61; --colorarchive-lagoon-shadow-clear-hsl: hsl(170, 54%, 28%); --colorarchive-lagoon-shadow-clear-rgb: rgb(33, 110, 97); }
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 Nocturne Clear
#174F45 · hsl(170, 54%, 20%)
Complementary counterpoint
Merlot Shadow Clear
#6E212E · hsl(350, 54%, 28%)
Analogous lead
Cerulean Shadow Clear
#21616E · hsl(190, 54%, 28%)
Analogous echo
Celadon Shadow Clear
#216E41 · hsl(145, 54%, 28%)
Triadic +120°
Magenta Shadow Clear
#61216E · hsl(290, 54%, 28%)
Triadic +240°
Amber Shadow Clear
#6E6121 · hsl(50, 54%, 28%)
Split-comp +150°
Rose Shadow Clear
#6E2154 · hsl(320, 54%, 28%)
Split-comp +210°
Ember Shadow Clear
#6E3B21 · hsl(20, 54%, 28%)
Export preview
Base: Lagoon Shadow Clear #216E61 Lighter companion: Lagoon Dusk Clear #288676 Darker companion: Lagoon Nocturne Clear #174F45 Complementary counterpoint: Merlot Shadow Clear #6E212E Analogous lead: Cerulean Shadow Clear #21616E Analogous echo: Celadon Shadow Clear #216E41 Triadic +120°: Magenta Shadow Clear #61216E Triadic +240°: Amber Shadow Clear #6E6121 Split-comp +150°: Rose Shadow Clear #6E2154 Split-comp +210°: Ember Shadow Clear #6E3B21
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Lagoon Dusk Clear
#288676 · hsl(170, 54%, 34%)
Nearby match
Cyan Shadow Clear
#216E68 · hsl(175, 54%, 28%)
Nearby match
Lagoon Nocturne Clear
#174F45 · hsl(170, 54%, 20%)
Nearby match
Lagoon Shadow Soft
#2F6058 · hsl(170, 34%, 28%)
Nearby match
Lagoon Shadow Vivid
#137C6B · hsl(170, 74%, 28%)
Nearby match
Cyan Dusk Clear
#28867E · hsl(175, 54%, 34%)
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
#4A4465
Protanopia
#4E4F64
Tritanopia
#296767
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.