Sapphire Whisper Vivid — #E4F0FB Hex Color Code

RGB

rgb(228, 240, 251)

HSL

hsl(210, 74%, 94%)

Metrics

S 74% · L 94%

Contrast (WCAG)

on white

1.2:1Fail

on black

18.2:1AA

Recent trail

About this color

Sapphire Whisper Vivid (#E4F0FB) belongs to the blue family — hue 210°, 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-sapphire-whisper-vivid: #E4F0FB; /* hsl(210, 74%, 94%) */
}

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion

Sapphire Veil Vivid

#F6FAFE · hsl(210, 74%, 98%)

Darker companion

Sapphire Mist Vivid

#D3E5F8 · hsl(210, 74%, 90%)

Complementary counterpoint

Coral Whisper Vivid

#FBF0E4 · hsl(30, 74%, 94%)

Analogous lead

Indigo Whisper Vivid

#E4E8FB · hsl(230, 74%, 94%)

Analogous echo

Cerulean Whisper Vivid

#E4F7FB · hsl(190, 74%, 94%)

Export preview

Base: Sapphire Whisper Vivid #E4F0FB
Lighter companion: Sapphire Veil Vivid #F6FAFE
Darker companion: Sapphire Mist Vivid #D3E5F8
Complementary counterpoint: Coral Whisper Vivid #FBF0E4
Analogous lead: Indigo Whisper Vivid #E4E8FB
Analogous echo: Cerulean Whisper Vivid #E4F7FB