About this color
Azure Pearl Pure (#B1E3FC) belongs to the blue family — hue 200°, 92% 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.
:root { --colorarchive-azure-pearl-pure: #B1E3FC; --colorarchive-azure-pearl-pure-hsl: hsl(200, 92%, 84%); --colorarchive-azure-pearl-pure-rgb: rgb(177, 227, 252); }
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.
Base: Azure Pearl Pure #B1E3FC Lighter companion: Azure Mist Pure #CEEDFD Darker companion: Azure Bloom Pure #89D5FA Complementary counterpoint: Ember Pearl Pure #FCCAB1 Analogous lead: Cobalt Pearl Pure #B1CAFC Analogous echo: Aqua Pearl Pure #B1FCFC Triadic +120°: Rose Pearl Pure #FCB1E3 Triadic +240°: Olive Pearl Pure #E3FCB1 Split-comp +150°: Merlot Pearl Pure #FCB1BD Split-comp +210°: Amber Pearl Pure #FCEFB1
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
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.
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.
