An extremely pale lavender, almost white with a cool purple glow. It matches the CSS color called lavender and is used for soft backgrounds and nurseries.
Also known as: Lavender web, Pale lavender.
Lavender mist (#E6E6FA) is a cool, light, moderately saturated color. It belongs to the purples family. It mixes 230 red, 230 green and 250 blue (out of 255). It is mostly used in web, backgrounds, nursery.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--lavender-mist: #E6E6FA;
--lavender-mist-rgb: 230, 230, 250;
}
.bg { background-color: var(--lavender-mist); }
.text { color: var(--lavender-mist); }The hex code for lavender mist is #E6E6FA. In RGB it is rgb(230, 230, 250), in HSL hsl(240, 67%, 94%) and in CMYK 8, 8, 0, 2.
Its complement on the color wheel is #FAFAE6, close to ivory. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 1.2:1, while with black it is 17.1:1.