Lighter companion
Sapphire Veil Bright
#F6FAFE · hsl(210, 84%, 98%)
RGB
rgb(227, 240, 253)
HSL
hsl(210, 84%, 94%)
CMYK
cmyk(10%, 5%, 0%, 1%)
Metrics
S 84% · L 94%
Contrast (WCAG)
on white
1.2:1Fail
on black
18.1:1AA
About this color
Sapphire Whisper Bright (#E3F0FD) belongs to the blue family — hue 210°, 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-sapphire-whisper-bright: #E3F0FD; --colorarchive-sapphire-whisper-bright-hsl: hsl(210, 84%, 94%); --colorarchive-sapphire-whisper-bright-rgb: rgb(227, 240, 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
Sapphire Mist Bright
#D0E5FB · hsl(210, 84%, 90%)
Complementary counterpoint
Coral Whisper Bright
#FDF0E3 · hsl(30, 84%, 94%)
Analogous lead
Indigo Whisper Bright
#E3E7FD · hsl(230, 84%, 94%)
Analogous echo
Cerulean Whisper Bright
#E3F8FD · hsl(190, 84%, 94%)
Triadic +120°
Blush Whisper Bright
#FDE3F0 · hsl(330, 84%, 94%)
Triadic +240°
Lime Whisper Bright
#F0FDE3 · hsl(90, 84%, 94%)
Split-comp +150°
Crimson Whisper Bright
#FDE3E3 · hsl(0, 84%, 94%)
Split-comp +210°
Citrine Whisper Bright
#FDFDE3 · hsl(60, 84%, 94%)
Export preview
Base: Sapphire Whisper Bright #E3F0FD Lighter companion: Sapphire Veil Bright #F6FAFE Darker companion: Sapphire Mist Bright #D0E5FB Complementary counterpoint: Coral Whisper Bright #FDF0E3 Analogous lead: Indigo Whisper Bright #E3E7FD Analogous echo: Cerulean Whisper Bright #E3F8FD Triadic +120°: Blush Whisper Bright #FDE3F0 Triadic +240°: Lime Whisper Bright #F0FDE3 Split-comp +150°: Crimson Whisper Bright #FDE3E3 Split-comp +210°: Citrine Whisper Bright #FDFDE3
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Sapphire Mist Bright
#D0E5FB · hsl(210, 84%, 90%)
Nearby match
Sapphire Veil Bright
#F6FAFE · hsl(210, 84%, 98%)
Nearby match
Sapphire Whisper Pure
#E2F0FE · hsl(210, 92%, 94%)
Nearby match
Sapphire Whisper Vivid
#E4F0FB · hsl(210, 74%, 94%)
Nearby match
Steel Whisper Bright
#E3F2FD · hsl(205, 84%, 94%)
Nearby match
Sapphire Mist Pure
#CEE5FD · hsl(210, 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
#E8E7F9
Protanopia
#E9E9FA
Tritanopia
#E4F7F7
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.