Lighter companion
Azure Mist Bright
#D0EDFB · hsl(200, 84%, 90%)
RGB
rgb(180, 226, 248)
HSL
hsl(200, 84%, 84%)
CMYK
cmyk(27%, 9%, 0%, 3%)
Metrics
S 84% · L 84%
Contrast (WCAG)
on white
1.4:1Fail
on black
15.2:1AA
About this color
Azure Pearl Bright (#B4E2F8) belongs to the blue family — hue 200°, 84% 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.
CSS
:root { --colorarchive-azure-pearl-bright: #B4E2F8; --colorarchive-azure-pearl-bright-hsl: hsl(200, 84%, 84%); --colorarchive-azure-pearl-bright-rgb: rgb(180, 226, 248); }
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
Azure Bloom Bright
#8ED3F5 · hsl(200, 84%, 76%)
Complementary counterpoint
Ember Pearl Bright
#F8CBB4 · hsl(20, 84%, 84%)
Analogous lead
Cobalt Pearl Bright
#B4CBF8 · hsl(220, 84%, 84%)
Analogous echo
Cyan Pearl Bright
#B4F8F3 · hsl(175, 84%, 84%)
Triadic +120°
Rose Pearl Bright
#F8B4E2 · hsl(320, 84%, 84%)
Triadic +240°
Olive Pearl Bright
#E2F8B4 · hsl(80, 84%, 84%)
Split-comp +150°
Merlot Pearl Bright
#F8B4BF · hsl(350, 84%, 84%)
Split-comp +210°
Amber Pearl Bright
#F8EDB4 · hsl(50, 84%, 84%)
Export preview
Base: Azure Pearl Bright #B4E2F8 Lighter companion: Azure Mist Bright #D0EDFB Darker companion: Azure Bloom Bright #8ED3F5 Complementary counterpoint: Ember Pearl Bright #F8CBB4 Analogous lead: Cobalt Pearl Bright #B4CBF8 Analogous echo: Cyan Pearl Bright #B4F8F3 Triadic +120°: Rose Pearl Bright #F8B4E2 Triadic +240°: Olive Pearl Bright #E2F8B4 Split-comp +150°: Merlot Pearl Bright #F8B4BF Split-comp +210°: Amber Pearl Bright #F8EDB4
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Pearl Pure
#B1E3FC · hsl(200, 92%, 84%)
Nearby match
Azure Mist Bright
#D0EDFB · hsl(200, 84%, 90%)
Nearby match
Azure Pearl Vivid
#B8E0F4 · hsl(200, 74%, 84%)
Nearby match
Steel Pearl Bright
#B4DCF8 · hsl(205, 84%, 84%)
Nearby match
Azure Bloom Bright
#8ED3F5 · hsl(200, 84%, 76%)
Nearby match
Azure Whisper Bright
#E3F4FD · hsl(200, 84%, 94%)
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
#C7C3F2
Protanopia
#CACAF3
Tritanopia
#B7EFEE
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.