RGB
rgb(161, 216, 227)
HSL
hsl(190, 54%, 76%)
Metrics
S 54% · L 76%
Contrast (WCAG)
on white
1.6:1Fail
on black
13.4:1AA
About this color
Cerulean Bloom Clear (#A1D8E3) belongs to the blue family — hue 190°, 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-cerulean-bloom-clear: #A1D8E3; --colorarchive-cerulean-bloom-clear-hsl: hsl(190, 54%, 76%); --colorarchive-cerulean-bloom-clear-rgb: rgb(161, 216, 227); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Lighter companion
Cerulean Pearl Clear
#C0E5EC · hsl(190, 54%, 84%)
Darker companion
Cerulean Silk Clear
#81CBD9 · hsl(190, 54%, 68%)
Complementary counterpoint
Ruby Bloom Clear
#E3ACA1 · hsl(10, 54%, 76%)
Analogous lead
Sapphire Bloom Clear
#A1C2E3 · hsl(210, 54%, 76%)
Analogous echo
Lagoon Bloom Clear
#A1E3D8 · hsl(170, 54%, 76%)
Triadic +120°
Peony Bloom Clear
#E3A1D8 · hsl(310, 54%, 76%)
Triadic +240°
Honey Bloom Clear
#D8E3A1 · hsl(70, 54%, 76%)
Split-comp +150°
Garnet Bloom Clear
#E3A1B7 · hsl(340, 54%, 76%)
Split-comp +210°
Apricot Bloom Clear
#E3CDA1 · hsl(40, 54%, 76%)
Export preview
Base: Cerulean Bloom Clear #A1D8E3 Lighter companion: Cerulean Pearl Clear #C0E5EC Darker companion: Cerulean Silk Clear #81CBD9 Complementary counterpoint: Ruby Bloom Clear #E3ACA1 Analogous lead: Sapphire Bloom Clear #A1C2E3 Analogous echo: Lagoon Bloom Clear #A1E3D8 Triadic +120°: Peony Bloom Clear #E3A1D8 Triadic +240°: Honey Bloom Clear #D8E3A1 Split-comp +150°: Garnet Bloom Clear #E3A1B7 Split-comp +210°: Apricot Bloom Clear #E3CDA1
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Cerulean Silk Clear
#81CBD9 · hsl(190, 54%, 68%)
Nearby match
Cerulean Pearl Clear
#C0E5EC · hsl(190, 54%, 84%)
Nearby match
Cerulean Bloom Soft
#ADD0D7 · hsl(190, 34%, 76%)
Nearby match
Cerulean Bloom Vivid
#95E0EF · hsl(190, 74%, 76%)
Nearby match
Cerulean Mist Clear
#D8EFF3 · hsl(190, 54%, 90%)
Nearby match
Aqua Bloom Clear
#A1E3E3 · hsl(180, 54%, 76%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.
