Lighter companion
Cobalt Whisper Vivid
#E4ECFB · hsl(220, 74%, 94%)
RGB
rgb(211, 223, 248)
HSL
hsl(220, 74%, 90%)
CMYK
cmyk(15%, 10%, 0%, 3%)
Metrics
S 74% · L 90%
Contrast (WCAG)
on white
1.3:1Fail
on black
15.7:1AA
About this color
Cobalt Mist Vivid (#D3DFF8) belongs to the blue family — hue 220°, 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-cobalt-mist-vivid: #D3DFF8; --colorarchive-cobalt-mist-vivid-hsl: hsl(220, 74%, 90%); --colorarchive-cobalt-mist-vivid-rgb: rgb(211, 223, 248); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Cobalt Pearl Vivid
#B8CCF4 · hsl(220, 74%, 84%)
Complementary counterpoint
Apricot Mist Vivid
#F8ECD3 · hsl(40, 74%, 90%)
Analogous lead
Amethyst Mist Vivid
#D6D3F8 · hsl(245, 74%, 90%)
Analogous echo
Azure Mist Vivid
#D3ECF8 · hsl(200, 74%, 90%)
Triadic +120°
Garnet Mist Vivid
#F8D3DF · hsl(340, 74%, 90%)
Triadic +240°
Moss Mist Vivid
#DFF8D3 · hsl(100, 74%, 90%)
Split-comp +150°
Ruby Mist Vivid
#F8D9D3 · hsl(10, 74%, 90%)
Split-comp +210°
Honey Mist Vivid
#F2F8D3 · hsl(70, 74%, 90%)
Export preview
Base: Cobalt Mist Vivid #D3DFF8 Lighter companion: Cobalt Whisper Vivid #E4ECFB Darker companion: Cobalt Pearl Vivid #B8CCF4 Complementary counterpoint: Apricot Mist Vivid #F8ECD3 Analogous lead: Amethyst Mist Vivid #D6D3F8 Analogous echo: Azure Mist Vivid #D3ECF8 Triadic +120°: Garnet Mist Vivid #F8D3DF Triadic +240°: Moss Mist Vivid #DFF8D3 Split-comp +150°: Ruby Mist Vivid #F8D9D3 Split-comp +210°: Honey Mist Vivid #F2F8D3
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Cobalt Whisper Vivid
#E4ECFB · hsl(220, 74%, 94%)
Nearby match
Cobalt Pearl Vivid
#B8CCF4 · hsl(220, 74%, 84%)
Nearby match
Cobalt Mist Bright
#D0DEFB · hsl(220, 84%, 90%)
Nearby match
Cobalt Veil Vivid
#F6F9FE · hsl(220, 74%, 98%)
Nearby match
Cobalt Whisper Bright
#E3EBFD · hsl(220, 84%, 94%)
Nearby match
Cobalt Mist Pure
#CEDEFD · hsl(220, 92%, 90%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#D8D7F1
Protanopia
#D8D8F2
Tritanopia
#D4EEED
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.