Lighter companion
Azure Veil Bright
#F6FBFE · hsl(200, 84%, 98%)
RGB
rgb(227, 244, 253)
HSL
hsl(200, 84%, 94%)
CMYK
cmyk(10%, 4%, 0%, 1%)
Metrics
S 84% · L 94%
Contrast (WCAG)
on white
1.1:1Fail
on black
18.6:1AA
About this color
Azure Whisper Bright (#E3F4FD) belongs to the blue family — hue 200°, 84% 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-bright: #E3F4FD; --colorarchive-azure-whisper-bright-hsl: hsl(200, 84%, 94%); --colorarchive-azure-whisper-bright-rgb: rgb(227, 244, 253); }
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 Bright
#D0EDFB · hsl(200, 84%, 90%)
Complementary counterpoint
Ember Whisper Bright
#FDEBE3 · hsl(20, 84%, 94%)
Analogous lead
Cobalt Whisper Bright
#E3EBFD · hsl(220, 84%, 94%)
Analogous echo
Cyan Whisper Bright
#E3FDFA · hsl(175, 84%, 94%)
Triadic +120°
Rose Whisper Bright
#FDE3F4 · hsl(320, 84%, 94%)
Triadic +240°
Olive Whisper Bright
#F4FDE3 · hsl(80, 84%, 94%)
Split-comp +150°
Merlot Whisper Bright
#FDE3E7 · hsl(350, 84%, 94%)
Split-comp +210°
Amber Whisper Bright
#FDF8E3 · hsl(50, 84%, 94%)
Export preview
Base: Azure Whisper Bright #E3F4FD Lighter companion: Azure Veil Bright #F6FBFE Darker companion: Azure Mist Bright #D0EDFB Complementary counterpoint: Ember Whisper Bright #FDEBE3 Analogous lead: Cobalt Whisper Bright #E3EBFD Analogous echo: Cyan Whisper Bright #E3FDFA Triadic +120°: Rose Whisper Bright #FDE3F4 Triadic +240°: Olive Whisper Bright #F4FDE3 Split-comp +150°: Merlot Whisper Bright #FDE3E7 Split-comp +210°: Amber Whisper Bright #FDF8E3
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Mist Bright
#D0EDFB · hsl(200, 84%, 90%)
Nearby match
Azure Veil Bright
#F6FBFE · hsl(200, 84%, 98%)
Nearby match
Azure Whisper Pure
#E2F4FE · hsl(200, 92%, 94%)
Nearby match
Azure Whisper Vivid
#E4F3FB · hsl(200, 74%, 94%)
Nearby match
Steel Whisper Bright
#E3F2FD · hsl(205, 84%, 94%)
Nearby match
Azure Mist Pure
#CEEDFD · hsl(200, 92%, 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
#EAE8FA
Protanopia
#EBEBFB
Tritanopia
#E4F9F9
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.