Lighter companion
Azure Pearl Bright
#B4E2F8 · hsl(200, 84%, 84%)
RGB
rgb(142, 211, 245)
HSL
hsl(200, 84%, 76%)
CMYK
cmyk(42%, 14%, 0%, 4%)
Metrics
S 84% · L 76%
Contrast (WCAG)
on white
1.6:1Fail
on black
12.8:1AA
About this color
Azure Bloom Bright (#8ED3F5) belongs to the blue family — hue 200°, 84% 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-azure-bloom-bright: #8ED3F5; --colorarchive-azure-bloom-bright-hsl: hsl(200, 84%, 76%); --colorarchive-azure-bloom-bright-rgb: rgb(142, 211, 245); }
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 Silk Bright
#69C4F2 · hsl(200, 84%, 68%)
Complementary counterpoint
Ember Bloom Bright
#F5B18E · hsl(20, 84%, 76%)
Analogous lead
Cobalt Bloom Bright
#8EB1F5 · hsl(220, 84%, 76%)
Analogous echo
Cyan Bloom Bright
#8EF5ED · hsl(175, 84%, 76%)
Triadic +120°
Rose Bloom Bright
#F58ED3 · hsl(320, 84%, 76%)
Triadic +240°
Olive Bloom Bright
#D3F58E · hsl(80, 84%, 76%)
Split-comp +150°
Merlot Bloom Bright
#F58EA0 · hsl(350, 84%, 76%)
Split-comp +210°
Amber Bloom Bright
#F5E48E · hsl(50, 84%, 76%)
Export preview
Base: Azure Bloom Bright #8ED3F5 Lighter companion: Azure Pearl Bright #B4E2F8 Darker companion: Azure Silk Bright #69C4F2 Complementary counterpoint: Ember Bloom Bright #F5B18E Analogous lead: Cobalt Bloom Bright #8EB1F5 Analogous echo: Cyan Bloom Bright #8EF5ED Triadic +120°: Rose Bloom Bright #F58ED3 Triadic +240°: Olive Bloom Bright #D3F58E Split-comp +150°: Merlot Bloom Bright #F58EA0 Split-comp +210°: Amber Bloom Bright #F5E48E
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Bloom Pure
#89D5FA · hsl(200, 92%, 76%)
Nearby match
Azure Bloom Vivid
#95D1EF · hsl(200, 74%, 76%)
Nearby match
Steel Bloom Bright
#8ECAF5 · hsl(205, 84%, 76%)
Nearby match
Azure Silk Bright
#69C4F2 · hsl(200, 84%, 68%)
Nearby match
Azure Pearl Bright
#B4E2F8 · hsl(200, 84%, 84%)
Nearby match
Steel Bloom Pure
#89CBFA · hsl(205, 92%, 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
#ACA7EB
Protanopia
#B0B1ED
Tritanopia
#92E7E6
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.