Nearest named color · #E8DCE4
#E8DCE4
Nearest named color: Violet Vapour
#E8DCE4 (rgb(232 220 228), hsl(320 21% 89%), oklch(0.906 0.017 337.6)) is closest to the named color Violet Vapour. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E8DCE4
oklch(0.906 0.017 337.6)
Color conversions
- HEX
- #e8dce4
- RGB
- rgb(232 220 228)
- HSL
- hsl(320 21% 89%)
- HWB
- hwb(320 86% 9%)
- OKLCH
- oklch(0.906 0.017 337.6)
- OKLab
- oklab(0.906 0.016 -0.006)
- CIE Lab
- lab(88.91 5.29 -2.38)
- LCH
- lch(88.91 5.8 335.7)
- CMYK
- cmyk(0% 5% 2% 9%)
Tints · Shades · Tones
Tints
- EADFE7
- EDE3E9
- EFE6EC
- F1EAEF
- F3EDF1
- F6F1F4
- F8F4F7
- FAF8FA
- FDFBFC
Shades
- CABFC6
- ACA3A9
- 90888D
- 746E72
- 595458
- 403C3F
- 292628
- 131112
- 030203
Tones
- DDD2DA
- D2C9CF
- C8BFC5
- BDB6BB
- B3ADB1
- A8A4A7
- 9E9B9D
- 949293
- 8A898A
Color harmonies
Complementary +180°
- E8DCE4
Violet Vapour
- D7E4DC
≈ Cactus Blossom
Analogous -30° +30°
- E8DCE4
Violet Vapour
- E3DDE9
≈ Pale Muse
- EBDCDE
≈ Discrete Pink
Triadic +120° +240°
- E8DCE4
Violet Vapour
- E3E0D4
≈ Aragonite
- D4E3E7
≈ Aloof
Split-complementary +150° +210°
- E8DCE4
Violet Vapour
- DDE2D7
≈ Salty Breeze
- D4E4E2
≈ Meadowsweet Mist
Tetradic +90° +180° +270°
- E8DCE4
Violet Vapour
- E8DED5
≈ Ballerina Beauty
- D7E4DC
≈ Cactus Blossom
- D8E1EB
≈ Violet Vignette
Contrast & accessibility
Ag
FailOn white
WCAG 1.33:1 · APCA Lc 16
Ag
AAAOn black
WCAG 15.78:1 · APCA Lc 87
Best text color: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--violet-vapour: #e8dce4;
--violet-vapour-rgb: 232 220 228;
--violet-vapour-oklch: oklch(0.906 0.017 337.6);
}
.element {
color: var(--violet-vapour);
background-color: hsl(320 21% 89%);
border-color: oklch(0.906 0.017 337.6);
}Tailwind CSS v4
@theme {
--color-violet-vapour: #e8dce4;
--color-violet-vapour-50: #f9f3f7;
--color-violet-vapour-100: #ece6ea;
--color-violet-vapour-200: #d9d1d6;
--color-violet-vapour-300: #beb4ba;
--color-violet-vapour-400: #a59ba2;
--color-violet-vapour-500: #8e828a;
--color-violet-vapour-600: #786e75;
--color-violet-vapour-700: #60585d;
--color-violet-vapour-800: #464045;
--color-violet-vapour-900: #312c2f;
--color-violet-vapour-950: #1d191c;
}SCSS
$violet-vapour: #e8dce4;
$violet-vapour-rgb: 232, 220, 228;
$violet-vapour-light: mix(#fff, $violet-vapour, 20%);
$violet-vapour-dark: mix(#000, $violet-vapour, 20%);
.element {
color: $violet-vapour;
box-shadow: 0 0 0 2px rgba($violet-vapour, 0.35);
}