Lagoon Bloom Clear — #A1E3D8 Hex Color Code

RGB

rgb(161, 227, 216)

HSL

hsl(170, 54%, 76%)

Metrics

S 54% · L 76%

Contrast (WCAG)

on white

1.4:1Fail

on black

14.5:1AA

Recent trail

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; /* hsl(170, 54%, 76%) */
}

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion

Lagoon Pearl Clear

#C0ECE5 · hsl(170, 54%, 84%)

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

Jade Bloom Clear

#A1E3C2 · hsl(150, 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: Jade Bloom Clear #A1E3C2