Lighter companion
Lagoon Mist Clear
#D8F3EF · hsl(170, 54%, 90%)
RGB
rgb(192, 236, 229)
HSL
hsl(170, 54%, 84%)
CMYK
cmyk(19%, 0%, 3%, 7%)
Metrics
S 54% · L 84%
Contrast (WCAG)
on white
1.3:1Fail
on black
16.4:1AA
About this color
Lagoon Pearl Clear (#C0ECE5) belongs to the teal family — hue 170°, 54% saturation, 84% 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-pearl-clear: #C0ECE5; --colorarchive-lagoon-pearl-clear-hsl: hsl(170, 54%, 84%); --colorarchive-lagoon-pearl-clear-rgb: rgb(192, 236, 229); }
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 Bloom Clear
#A1E3D8 · hsl(170, 54%, 76%)
Complementary counterpoint
Merlot Pearl Clear
#ECC0C8 · hsl(350, 54%, 84%)
Analogous lead
Cerulean Pearl Clear
#C0E5EC · hsl(190, 54%, 84%)
Analogous echo
Celadon Pearl Clear
#C0ECD3 · hsl(145, 54%, 84%)
Triadic +120°
Magenta Pearl Clear
#E5C0EC · hsl(290, 54%, 84%)
Triadic +240°
Amber Pearl Clear
#ECE5C0 · hsl(50, 54%, 84%)
Split-comp +150°
Rose Pearl Clear
#ECC0DE · hsl(320, 54%, 84%)
Split-comp +210°
Ember Pearl Clear
#ECCFC0 · hsl(20, 54%, 84%)
Export preview
Base: Lagoon Pearl Clear #C0ECE5 Lighter companion: Lagoon Mist Clear #D8F3EF Darker companion: Lagoon Bloom Clear #A1E3D8 Complementary counterpoint: Merlot Pearl Clear #ECC0C8 Analogous lead: Cerulean Pearl Clear #C0E5EC Analogous echo: Celadon Pearl Clear #C0ECD3 Triadic +120°: Magenta Pearl Clear #E5C0EC Triadic +240°: Amber Pearl Clear #ECE5C0 Split-comp +150°: Rose Pearl Clear #ECC0DE Split-comp +210°: Ember Pearl Clear #ECCFC0
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Lagoon Mist Clear
#D8F3EF · hsl(170, 54%, 90%)
Nearby match
Cyan Pearl Clear
#C0ECE9 · hsl(175, 54%, 84%)
Nearby match
Lagoon Bloom Clear
#A1E3D8 · hsl(170, 54%, 76%)
Nearby match
Lagoon Whisper Clear
#E7F8F5 · hsl(170, 54%, 94%)
Nearby match
Lagoon Pearl Soft
#C8E4DF · hsl(170, 34%, 84%)
Nearby match
Lagoon Pearl Vivid
#B8F4EA · hsl(170, 74%, 84%)
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
#D2CFE7
Protanopia
#D5D5E7
Tritanopia
#C3E8E8
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.