Lighter companion
Lagoon Pearl Clear
#C0ECE5 · hsl(170, 54%, 84%)
RGB
rgb(161, 227, 216)
HSL
hsl(170, 54%, 76%)
CMYK
cmyk(29%, 0%, 5%, 11%)
Metrics
S 54% · L 76%
Contrast (WCAG)
on white
1.4:1Fail
on black
14.5:1AA
About this color
Lagoon Bloom Clear (#A1E3D8) belongs to the teal family — hue 170°, 54% saturation, 76% 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-bloom-clear: #A1E3D8; --colorarchive-lagoon-bloom-clear-hsl: hsl(170, 54%, 76%); --colorarchive-lagoon-bloom-clear-rgb: rgb(161, 227, 216); }
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 Silk Clear
#81D9CB · hsl(170, 54%, 68%)
Complementary counterpoint
Merlot Bloom Clear
#E3A1AC · hsl(350, 54%, 76%)
Analogous lead
Cerulean Bloom Clear
#A1D8E3 · hsl(190, 54%, 76%)
Analogous echo
Celadon Bloom Clear
#A1E3BC · hsl(145, 54%, 76%)
Triadic +120°
Magenta Bloom Clear
#D8A1E3 · hsl(290, 54%, 76%)
Triadic +240°
Amber Bloom Clear
#E3D8A1 · hsl(50, 54%, 76%)
Split-comp +150°
Rose Bloom Clear
#E3A1CD · hsl(320, 54%, 76%)
Split-comp +210°
Ember Bloom Clear
#E3B7A1 · hsl(20, 54%, 76%)
Export preview
Base: Lagoon Bloom Clear #A1E3D8 Lighter companion: Lagoon Pearl Clear #C0ECE5 Darker companion: Lagoon Silk Clear #81D9CB Complementary counterpoint: Merlot Bloom Clear #E3A1AC Analogous lead: Cerulean Bloom Clear #A1D8E3 Analogous echo: Celadon Bloom Clear #A1E3BC Triadic +120°: Magenta Bloom Clear #D8A1E3 Triadic +240°: Amber Bloom Clear #E3D8A1 Split-comp +150°: Rose Bloom Clear #E3A1CD Split-comp +210°: Ember Bloom Clear #E3B7A1
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Cyan Bloom Clear
#A1E3DD · hsl(175, 54%, 76%)
Nearby match
Lagoon Silk Clear
#81D9CB · hsl(170, 54%, 68%)
Nearby match
Lagoon Pearl Clear
#C0ECE5 · hsl(170, 54%, 84%)
Nearby match
Lagoon Bloom Soft
#ADD7D0 · hsl(170, 34%, 76%)
Nearby match
Lagoon Bloom Vivid
#95EFE0 · hsl(170, 74%, 76%)
Nearby match
Lagoon Mist Clear
#D8F3EF · hsl(170, 54%, 90%)
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
#BDB8DB
Protanopia
#C1C2DB
Tritanopia
#A5DDDD
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.
Appears in collections