最接近的命名颜色 · #E1E4EC
#E1E4EC
最接近的命名颜色: Delicate Cloud
#E1E4EC（rgb(225 228 236)、hsl(224 22% 90%)、oklch(0.919 0.011 269.5)）最接近命名颜色 Delicate Cloud。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E1E4EC
oklch(0.919 0.011 269.5)
颜色转换
- HEX
- #e1e4ec
- RGB
- rgb(225 228 236)
- HSL
- hsl(224 22% 90%)
- HWB
- hwb(224 88% 7%)
- OKLCH
- oklch(0.919 0.011 269.5)
- OKLab
- oklab(0.919 0 -0.011)
- CIE Lab
- lab(90.53 0.05 -4.28)
- LCH
- lch(90.53 4.28 270.7)
- CMYK
- cmyk(5% 3% 0% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- E4E7EE
- E7E9F0
- EAECF2
- EDEFF4
- F0F1F5
- F3F4F7
- F6F7F9
- F9FAFB
- FCFCFD
深色调
- C4C6CD
- A7A9AF
- 8B8D92
- 707276
- 56585B
- 3E3F42
- 272829
- 121213
- 020303
灰色调
- D7DAE1
- CDCFD5
- C3C5CA
- B9BBBF
- AFB1B5
- A6A7AA
- 9C9D9F
- 939395
- 898A8A
配色和谐
互补色 +180°
- E1E4EC
Delicate Cloud
- E7E4DC
≈ Foggy Day
类似色 -30° +30°
- E1E4EC
Delicate Cloud
- DEE5EB
≈ Chapeau Violet
- E5E3EB
≈ Soft Iris
三角配色 +120° +240°
- E1E4EC
Delicate Cloud
- ECE2E0
≈ Silica Sand
- DFE6E0
≈ Winter Veil
分裂互补色 +150° +210°
- E1E4EC
Delicate Cloud
- EAE3DD
≈ Crystalline
- E3E5DD
≈ Chinese White
四角配色 +90° +180° +270°
- E1E4EC
Delicate Cloud
- EBE1E4
≈ Delicacy White
- E7E4DC
≈ Foggy Day
- DDE7E4
≈ Starburst
对比度与无障碍
Ag
Fail白底
WCAG 1.27:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.51:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.51:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--delicate-cloud: #e1e4ec;
--delicate-cloud-rgb: 225 228 236;
--delicate-cloud-oklch: oklch(0.919 0.011 269.5);
}
.element {
color: var(--delicate-cloud);
background-color: hsl(224 22% 90%);
border-color: oklch(0.919 0.011 269.5);
}Tailwind CSS v4
@theme {
--color-delicate-cloud: #e1e4ec;
--color-delicate-cloud-50: #f4f5f8;
--color-delicate-cloud-100: #e6e8ec;
--color-delicate-cloud-200: #d2d4d9;
--color-delicate-cloud-300: #b5b7bd;
--color-delicate-cloud-400: #9c9ea5;
--color-delicate-cloud-500: #83868e;
--color-delicate-cloud-600: #6f7178;
--color-delicate-cloud-700: #595b60;
--color-delicate-cloud-800: #414246;
--color-delicate-cloud-900: #2c2e31;
--color-delicate-cloud-950: #1a1b1d;
}SCSS
$delicate-cloud: #e1e4ec;
$delicate-cloud-rgb: 225, 228, 236;
$delicate-cloud-light: mix(#fff, $delicate-cloud, 20%);
$delicate-cloud-dark: mix(#000, $delicate-cloud, 20%);
.element {
color: $delicate-cloud;
box-shadow: 0 0 0 2px rgba($delicate-cloud, 0.35);
}