Lighter companion
Lagoon Core Clear
#38BCA6 · hsl(170, 54%, 48%)
RGB
rgb(49, 165, 146)
HSL
hsl(170, 54%, 42%)
CMYK
cmyk(70%, 0%, 12%, 35%)
Metrics
S 54% · L 42%
Contrast (WCAG)
on white
3:1AA Large
on black
6.9:1AA
About this color
Lagoon Velvet Clear (#31A592) belongs to the teal family — hue 170°, 54% saturation, 42% 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-velvet-clear: #31A592; --colorarchive-lagoon-velvet-clear-hsl: hsl(170, 54%, 42%); --colorarchive-lagoon-velvet-clear-rgb: rgb(49, 165, 146); }
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 Dusk Clear
#288676 · hsl(170, 54%, 34%)
Complementary counterpoint
Merlot Velvet Clear
#A53145 · hsl(350, 54%, 42%)
Analogous lead
Cerulean Velvet Clear
#3192A5 · hsl(190, 54%, 42%)
Analogous echo
Celadon Velvet Clear
#31A561 · hsl(145, 54%, 42%)
Triadic +120°
Magenta Velvet Clear
#9231A5 · hsl(290, 54%, 42%)
Triadic +240°
Amber Velvet Clear
#A59231 · hsl(50, 54%, 42%)
Split-comp +150°
Rose Velvet Clear
#A5317E · hsl(320, 54%, 42%)
Split-comp +210°
Ember Velvet Clear
#A55831 · hsl(20, 54%, 42%)
Export preview
Base: Lagoon Velvet Clear #31A592 Lighter companion: Lagoon Core Clear #38BCA6 Darker companion: Lagoon Dusk Clear #288676 Complementary counterpoint: Merlot Velvet Clear #A53145 Analogous lead: Cerulean Velvet Clear #3192A5 Analogous echo: Celadon Velvet Clear #31A561 Triadic +120°: Magenta Velvet Clear #9231A5 Triadic +240°: Amber Velvet Clear #A59231 Split-comp +150°: Rose Velvet Clear #A5317E Split-comp +210°: Ember Velvet Clear #A55831
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Lagoon Core Clear
#38BCA6 · hsl(170, 54%, 48%)
Nearby match
Cyan Velvet Clear
#31A59B · hsl(175, 54%, 42%)
Nearby match
Lagoon Dusk Clear
#288676 · hsl(170, 54%, 34%)
Nearby match
Lagoon Radiant Clear
#4AC9B4 · hsl(170, 54%, 54%)
Nearby match
Lagoon Velvet Soft
#479083 · hsl(170, 34%, 42%)
Nearby match
Lagoon Velvet Vivid
#1CBAA0 · hsl(170, 74%, 42%)
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
#6F6798
Protanopia
#767797
Tritanopia
#3E9B9B
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.