命名颜色 · #E4EEEA
Waterfall Mist
Waterfall Mist 即 #E4EEEA：rgb(228 238 234)、hsl(156 23% 91%)、oklch(0.94 0.012 170.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Waterfall Mist color name →
#E4EEEA
oklch(0.94 0.012 170.3)
颜色转换
- HEX
- #e4eeea
- RGB
- rgb(228 238 234)
- HSL
- hsl(156 23% 91%)
- HWB
- hwb(156 89% 7%)
- OKLCH
- oklch(0.94 0.012 170.3)
- OKLab
- oklab(0.94 -0.012 0.002)
- CIE Lab
- lab(93.25 -3.98 0.73)
- LCH
- lch(93.25 4.05 169.6)
- CMYK
- cmyk(4% 0% 2% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- E7F0EC
- E9F1EE
- ECF3F0
- EFF5F2
- F1F6F4
- F4F8F7
- F7FAF9
- FAFCFB
- FCFDFD
深色调
- C6CFCB
- A9B1AE
- 8D9391
- 727775
- 585C5A
- 3F4241
- 282A29
- 121413
- 030303
灰色调
- DAE2DF
- CFD7D4
- C5CCC9
- BBC1BE
- B1B5B4
- A7AAA9
- 9DA09F
- 939594
- 8A8A8A
配色和谐
互补色 +180°
- E4EEEA
Waterfall Mist
- F2E8EC
≈ Rose Fantasy
类似色 -30° +30°
- E4EEEA
Waterfall Mist
- E7EDE6
≈ Bone Dust
- E3EEEE
≈ Bashful
三角配色 +120° +240°
- E4EEEA
Waterfall Mist
- EBEAF3
≈ Silver Phoenix
- F2E9E4
≈ Sauvignon
分裂互补色 +150° +210°
- E4EEEA
Waterfall Mist
- EFE9F0
≈ Greek Goddess
- F3E8E8
≈ White Christmas
四角配色 +90° +180° +270°
- E4EEEA
Waterfall Mist
- E7ECF4
≈ Coconut White
- F2E8EC
≈ Rose Fantasy
- EFEBE3
≈ Linen Ruffle
对比度与无障碍
Ag
Fail白底
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黑底
WCAG 17.71:1 · APCA Lc 95
最佳文字颜色: #000000
WCAG 17.71:1 (AAA) · APCA Lc 95
Contrast pairs
代码片段
CSS
:root {
--waterfall-mist: #e4eeea;
--waterfall-mist-rgb: 228 238 234;
--waterfall-mist-oklch: oklch(0.94 0.012 170.3);
}
.element {
color: var(--waterfall-mist);
background-color: hsl(156 23% 91%);
border-color: oklch(0.94 0.012 170.3);
}Tailwind CSS v4
@theme {
--color-waterfall-mist: #e4eeea;
--color-waterfall-mist-50: #f2f6f5;
--color-waterfall-mist-100: #e4e9e7;
--color-waterfall-mist-200: #cfd6d3;
--color-waterfall-mist-300: #b2b9b7;
--color-waterfall-mist-400: #98a19d;
--color-waterfall-mist-500: #7f8985;
--color-waterfall-mist-600: #6b7470;
--color-waterfall-mist-700: #565d5a;
--color-waterfall-mist-800: #3f4441;
--color-waterfall-mist-900: #2b2f2d;
--color-waterfall-mist-950: #181b1a;
}SCSS
$waterfall-mist: #e4eeea;
$waterfall-mist-rgb: 228, 238, 234;
$waterfall-mist-light: mix(#fff, $waterfall-mist, 20%);
$waterfall-mist-dark: mix(#000, $waterfall-mist, 20%);
.element {
color: $waterfall-mist;
box-shadow: 0 0 0 2px rgba($waterfall-mist, 0.35);
}