最接近的命名颜色 · #E8DCE4
#E8DCE4
最接近的命名颜色: Violet Vapour
#E8DCE4（rgb(232 220 228)、hsl(320 21% 89%)、oklch(0.906 0.017 337.6)）最接近命名颜色 Violet Vapour。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E8DCE4
oklch(0.906 0.017 337.6)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- EADFE7
- EDE3E9
- EFE6EC
- F1EAEF
- F3EDF1
- F6F1F4
- F8F4F7
- FAF8FA
- FDFBFC
深色调
- CABFC6
- ACA3A9
- 90888D
- 746E72
- 595458
- 403C3F
- 292628
- 131112
- 030203
灰色调
- DDD2DA
- D2C9CF
- C8BFC5
- BDB6BB
- B3ADB1
- A8A4A7
- 9E9B9D
- 949293
- 8A898A
配色和谐
互补色 +180°
- E8DCE4
Violet Vapour
- D7E4DC
≈ Cactus Blossom
类似色 -30° +30°
- E8DCE4
Violet Vapour
- E3DDE9
≈ Pale Muse
- EBDCDE
≈ Discrete Pink
三角配色 +120° +240°
- E8DCE4
Violet Vapour
- E3E0D4
≈ Aragonite
- D4E3E7
≈ Aloof
分裂互补色 +150° +210°
- E8DCE4
Violet Vapour
- DDE2D7
≈ Salty Breeze
- D4E4E2
≈ Meadowsweet Mist
四角配色 +90° +180° +270°
- E8DCE4
Violet Vapour
- E8DED5
≈ Ballerina Beauty
- D7E4DC
≈ Cactus Blossom
- D8E1EB
≈ Violet Vignette
对比度与无障碍
Ag
Fail白底
WCAG 1.33:1 · APCA Lc 16
Ag
AAA黑底
WCAG 15.78:1 · APCA Lc 87
最佳文字颜色: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
代码片段
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);
}