Lighter companion
Azure Mist Vivid
#D3ECF8 · hsl(200, 74%, 90%)
RGB
rgb(184, 224, 244)
HSL
hsl(200, 74%, 84%)
CMYK
cmyk(25%, 8%, 0%, 4%)
Metrics
S 74% · L 84%
Contrast (WCAG)
on white
1.4:1Fail
on black
15:1AA
About this color
Azure Pearl Vivid (#B8E0F4) belongs to the blue family — hue 200°, 74% 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-vivid: #B8E0F4; --colorarchive-azure-pearl-vivid-hsl: hsl(200, 74%, 84%); --colorarchive-azure-pearl-vivid-rgb: rgb(184, 224, 244); }
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 Vivid
#95D1EF · hsl(200, 74%, 76%)
Complementary counterpoint
Ember Pearl Vivid
#F4CCB8 · hsl(20, 74%, 84%)
Analogous lead
Cobalt Pearl Vivid
#B8CCF4 · hsl(220, 74%, 84%)
Analogous echo
Cyan Pearl Vivid
#B8F4EF · hsl(175, 74%, 84%)
Triadic +120°
Rose Pearl Vivid
#F4B8E0 · hsl(320, 74%, 84%)
Triadic +240°
Olive Pearl Vivid
#E0F4B8 · hsl(80, 74%, 84%)
Split-comp +150°
Merlot Pearl Vivid
#F4B8C2 · hsl(350, 74%, 84%)
Split-comp +210°
Amber Pearl Vivid
#F4EAB8 · hsl(50, 74%, 84%)
Export preview
Base: Azure Pearl Vivid #B8E0F4 Lighter companion: Azure Mist Vivid #D3ECF8 Darker companion: Azure Bloom Vivid #95D1EF Complementary counterpoint: Ember Pearl Vivid #F4CCB8 Analogous lead: Cobalt Pearl Vivid #B8CCF4 Analogous echo: Cyan Pearl Vivid #B8F4EF Triadic +120°: Rose Pearl Vivid #F4B8E0 Triadic +240°: Olive Pearl Vivid #E0F4B8 Split-comp +150°: Merlot Pearl Vivid #F4B8C2 Split-comp +210°: Amber Pearl Vivid #F4EAB8
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Mist Vivid
#D3ECF8 · hsl(200, 74%, 90%)
Nearby match
Azure Pearl Bright
#B4E2F8 · hsl(200, 84%, 84%)
Nearby match
Steel Pearl Vivid
#B8DBF4 · hsl(205, 74%, 84%)
Nearby match
Azure Bloom Vivid
#95D1EF · hsl(200, 74%, 76%)
Nearby match
Azure Whisper Vivid
#E4F3FB · hsl(200, 74%, 94%)
Nearby match
Azure Pearl Pure
#B1E3FC · hsl(200, 92%, 84%)
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
#C8C5EE
Protanopia
#CBCBEF
Tritanopia
#BAECEB
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.