Aqua Mist Vivid — #D3F8F8 Hex Color Code

RGB

rgb(211, 248, 248)

HSL

hsl(180, 74%, 90%)

Metrics

S 74% · L 90%

Contrast (WCAG)

on white

1.1:1Fail

on black

18.6:1AA

Recent trail

About this color

Aqua Mist Vivid (#D3F8F8) belongs to the teal family — hue 180°, 74% saturation, 90% 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-aqua-mist-vivid: #D3F8F8; /* hsl(180, 74%, 90%) */
}

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

Aqua Whisper Vivid

#E4FBFB · hsl(180, 74%, 94%)

Darker companion

Aqua Pearl Vivid

#B8F4F4 · hsl(180, 74%, 84%)

Complementary counterpoint

Crimson Mist Vivid

#F8D3D3 · hsl(0, 74%, 90%)

Analogous lead

Azure Mist Vivid

#D3ECF8 · hsl(200, 74%, 90%)

Analogous echo

Teal Mist Vivid

#D3F8EC · hsl(160, 74%, 90%)

Export preview

Base: Aqua Mist Vivid #D3F8F8
Lighter companion: Aqua Whisper Vivid #E4FBFB
Darker companion: Aqua Pearl Vivid #B8F4F4
Complementary counterpoint: Crimson Mist Vivid #F8D3D3
Analogous lead: Azure Mist Vivid #D3ECF8
Analogous echo: Teal Mist Vivid #D3F8EC