Lighter companion
Cobalt Pearl Clear
#C0CFEC · hsl(220, 54%, 84%)
RGB
rgb(161, 183, 227)
HSL
hsl(220, 54%, 76%)
CMYK
cmyk(29%, 19%, 0%, 11%)
Metrics
S 54% · L 76%
Contrast (WCAG)
on white
2:1Fail
on black
10.4:1AA
About this color
Cobalt Bloom Clear (#A1B7E3) belongs to the blue family — hue 220°, 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-cobalt-bloom-clear: #A1B7E3; --colorarchive-cobalt-bloom-clear-hsl: hsl(220, 54%, 76%); --colorarchive-cobalt-bloom-clear-rgb: rgb(161, 183, 227); }
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
Cobalt Silk Clear
#819FD9 · hsl(220, 54%, 68%)
Complementary counterpoint
Apricot Bloom Clear
#E3CDA1 · hsl(40, 54%, 76%)
Analogous lead
Amethyst Bloom Clear
#A6A1E3 · hsl(245, 54%, 76%)
Analogous echo
Azure Bloom Clear
#A1CDE3 · hsl(200, 54%, 76%)
Triadic +120°
Garnet Bloom Clear
#E3A1B7 · hsl(340, 54%, 76%)
Triadic +240°
Moss Bloom Clear
#B7E3A1 · hsl(100, 54%, 76%)
Split-comp +150°
Ruby Bloom Clear
#E3ACA1 · hsl(10, 54%, 76%)
Split-comp +210°
Honey Bloom Clear
#D8E3A1 · hsl(70, 54%, 76%)
Export preview
Base: Cobalt Bloom Clear #A1B7E3 Lighter companion: Cobalt Pearl Clear #C0CFEC Darker companion: Cobalt Silk Clear #819FD9 Complementary counterpoint: Apricot Bloom Clear #E3CDA1 Analogous lead: Amethyst Bloom Clear #A6A1E3 Analogous echo: Azure Bloom Clear #A1CDE3 Triadic +120°: Garnet Bloom Clear #E3A1B7 Triadic +240°: Moss Bloom Clear #B7E3A1 Split-comp +150°: Ruby Bloom Clear #E3ACA1 Split-comp +210°: Honey Bloom Clear #D8E3A1
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Cobalt Silk Clear
#819FD9 · hsl(220, 54%, 68%)
Nearby match
Cobalt Pearl Clear
#C0CFEC · hsl(220, 54%, 84%)
Nearby match
Cobalt Bloom Soft
#ADBBD7 · hsl(220, 34%, 76%)
Nearby match
Cobalt Bloom Vivid
#95B3EF · hsl(220, 74%, 76%)
Nearby match
Cobalt Mist Clear
#D8E1F3 · hsl(220, 54%, 90%)
Nearby match
Sapphire Bloom Clear
#A1C2E3 · hsl(210, 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.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#AAA8D7
Protanopia
#ABABD9
Tritanopia
#A2D1D0
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.