Cobalt Whisper Vivid — #E4ECFB Hex Color Code

RGB

rgb(228, 236, 251)

HSL

hsl(220, 74%, 94%)

Metrics

S 74% · L 94%

Contrast (WCAG)

on white

1.2:1Fail

on black

17.7:1AA

Recent trail

About this color

Cobalt Whisper Vivid (#E4ECFB) belongs to the blue family — hue 220°, 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-cobalt-whisper-vivid: #E4ECFB; /* hsl(220, 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

Cobalt Veil Vivid

#F6F9FE · hsl(220, 74%, 98%)

Darker companion

Cobalt Mist Vivid

#D3DFF8 · hsl(220, 74%, 90%)

Complementary counterpoint

Apricot Whisper Vivid

#FBF3E4 · hsl(40, 74%, 94%)

Analogous lead

Iris Whisper Vivid

#E4E4FB · hsl(240, 74%, 94%)

Analogous echo

Azure Whisper Vivid

#E4F3FB · hsl(200, 74%, 94%)

Export preview

Base: Cobalt Whisper Vivid #E4ECFB
Lighter companion: Cobalt Veil Vivid #F6F9FE
Darker companion: Cobalt Mist Vivid #D3DFF8
Complementary counterpoint: Apricot Whisper Vivid #FBF3E4
Analogous lead: Iris Whisper Vivid #E4E4FB
Analogous echo: Azure Whisper Vivid #E4F3FB