Teal Mist Vivid — #D3F8EC Hex Color Code

RGB

rgb(211, 248, 236)

HSL

hsl(160, 74%, 90%)

Metrics

S 74% · L 90%

Contrast (WCAG)

on white

1.1:1Fail

on black

18.4:1AA

Recent trail

About this color

Teal Mist Vivid (#D3F8EC) belongs to the teal family — hue 160°, 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-teal-mist-vivid: #D3F8EC; /* hsl(160, 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

Teal Whisper Vivid

#E4FBF3 · hsl(160, 74%, 94%)

Darker companion

Teal Pearl Vivid

#B8F4E0 · hsl(160, 74%, 84%)

Complementary counterpoint

Garnet Mist Vivid

#F8D3DF · hsl(340, 74%, 90%)

Analogous lead

Aqua Mist Vivid

#D3F8F8 · hsl(180, 74%, 90%)

Analogous echo

Seafoam Mist Vivid

#D3F8DF · hsl(140, 74%, 90%)

Export preview

Base: Teal Mist Vivid #D3F8EC
Lighter companion: Teal Whisper Vivid #E4FBF3
Darker companion: Teal Pearl Vivid #B8F4E0
Complementary counterpoint: Garnet Mist Vivid #F8D3DF
Analogous lead: Aqua Mist Vivid #D3F8F8
Analogous echo: Seafoam Mist Vivid #D3F8DF