Lighter companion
Azure Veil Vivid
#F6FBFE · hsl(200, 74%, 98%)
RGB
rgb(228, 243, 251)
HSL
hsl(200, 74%, 94%)
CMYK
cmyk(9%, 3%, 0%, 2%)
Metrics
S 74% · L 94%
Contrast (WCAG)
on white
1.1:1Fail
on black
18.5:1AA
About this color
Azure Whisper Vivid (#E4F3FB) belongs to the blue family — hue 200°, 74% saturation, 94% 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-whisper-vivid: #E4F3FB; --colorarchive-azure-whisper-vivid-hsl: hsl(200, 74%, 94%); --colorarchive-azure-whisper-vivid-rgb: rgb(228, 243, 251); }
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 Mist Vivid
#D3ECF8 · hsl(200, 74%, 90%)
Complementary counterpoint
Ember Whisper Vivid
#FBECE4 · hsl(20, 74%, 94%)
Analogous lead
Cobalt Whisper Vivid
#E4ECFB · hsl(220, 74%, 94%)
Analogous echo
Cyan Whisper Vivid
#E4FBF9 · hsl(175, 74%, 94%)
Triadic +120°
Rose Whisper Vivid
#FBE4F3 · hsl(320, 74%, 94%)
Triadic +240°
Olive Whisper Vivid
#F3FBE4 · hsl(80, 74%, 94%)
Split-comp +150°
Merlot Whisper Vivid
#FBE4E8 · hsl(350, 74%, 94%)
Split-comp +210°
Amber Whisper Vivid
#FBF7E4 · hsl(50, 74%, 94%)
Export preview
Base: Azure Whisper Vivid #E4F3FB Lighter companion: Azure Veil Vivid #F6FBFE Darker companion: Azure Mist Vivid #D3ECF8 Complementary counterpoint: Ember Whisper Vivid #FBECE4 Analogous lead: Cobalt Whisper Vivid #E4ECFB Analogous echo: Cyan Whisper Vivid #E4FBF9 Triadic +120°: Rose Whisper Vivid #FBE4F3 Triadic +240°: Olive Whisper Vivid #F3FBE4 Split-comp +150°: Merlot Whisper Vivid #FBE4E8 Split-comp +210°: Amber Whisper Vivid #FBF7E4
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Mist Vivid
#D3ECF8 · hsl(200, 74%, 90%)
Nearby match
Azure Veil Vivid
#F6FBFE · hsl(200, 74%, 98%)
Nearby match
Azure Whisper Bright
#E3F4FD · hsl(200, 84%, 94%)
Nearby match
Steel Whisper Vivid
#E4F2FB · hsl(205, 74%, 94%)
Nearby match
Azure Pearl Vivid
#B8E0F4 · hsl(200, 74%, 84%)
Nearby match
Azure Mist Bright
#D0EDFB · hsl(200, 84%, 90%)
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
#EAE9F9
Protanopia
#EBEBF9
Tritanopia
#E5F8F7
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.