Azure Whisper Clear — #E7F2F8 Hex Color Code

RGB

rgb(231, 242, 248)

HSL

hsl(200, 54%, 94%)

Metrics

S 54% · L 94%

Contrast (WCAG)

on white

1.1:1Fail

on black

18.5:1AA

Recent trail

About this color

Azure Whisper Clear (#E7F2F8) belongs to the blue family — hue 200°, 54% 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-clear: #E7F2F8; /* hsl(200, 54%, 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

Azure Veil Clear

#F7FBFD · hsl(200, 54%, 98%)

Darker companion

Azure Mist Clear

#D8EAF3 · hsl(200, 54%, 90%)

Complementary counterpoint

Ember Whisper Clear

#F8EDE7 · hsl(20, 54%, 94%)

Analogous lead

Cobalt Whisper Clear

#E7EDF8 · hsl(220, 54%, 94%)

Analogous echo

Aqua Whisper Clear

#E7F8F8 · hsl(180, 54%, 94%)

Export preview

Base: Azure Whisper Clear #E7F2F8
Lighter companion: Azure Veil Clear #F7FBFD
Darker companion: Azure Mist Clear #D8EAF3
Complementary counterpoint: Ember Whisper Clear #F8EDE7
Analogous lead: Cobalt Whisper Clear #E7EDF8
Analogous echo: Aqua Whisper Clear #E7F8F8