最接近的命名颜色 · #E4F0F2
#E4F0F2
最接近的命名颜色: Diamond White
#E4F0F2（rgb(228 240 242)、hsl(189 35% 92%)、oklch(0.947 0.013 208.8)）最接近命名颜色 Diamond White。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E4F0F2
oklch(0.947 0.013 208.8)
颜色转换
- HEX
- #e4f0f2
- RGB
- rgb(228 240 242)
- HSL
- hsl(189 35% 92%)
- HWB
- hwb(189 89% 5%)
- OKLCH
- oklch(0.947 0.013 208.8)
- OKLab
- oklab(0.947 -0.011 -0.006)
- CIE Lab
- lab(93.93 -3.83 -2.42)
- LCH
- lch(93.93 4.53 212.2)
- CMYK
- cmyk(6% 1% 0% 5%)
浅色调 · 深色调 · 灰色调
浅色调
- E7F1F3
- E9F3F5
- ECF4F6
- EFF6F7
- F1F7F8
- F4F9FA
- F7FAFB
- FAFCFC
- FCFDFE
深色调
- C6D1D2
- A9B2B4
- 8D9596
- 727879
- 585D5E
- 3F4343
- 282A2B
- 121414
- 030303
灰色调
- DAE4E6
- CFD9DA
- C5CDCE
- BBC2C3
- B1B6B7
- A7ABAC
- 9DA0A1
- 939596
- 8A8B8B
配色和谐
互补色 +180°
- E4F0F2
Diamond White
- F6EAE8
≈ Fancy Pink
类似色 -30° +30°
- E4F0F2
Diamond White
- E5F0ED
≈ Aqua Tint
- E6EFF5
≈ Clear Vision
三角配色 +120° +240°
- E4F0F2
Diamond White
- F3EAF2
≈ Snow Plum
- F1EDE4
≈ Cow’s Milk
分裂互补色 +150° +210°
- E4F0F2
Diamond White
- F5EAED
≈ Pampered Princess
- F4EBE5
≈ Sauvignon
四角配色 +90° +180° +270°
- E4F0F2
Diamond White
- EEECF5
≈ Silver Phoenix
- F6EAE8
≈ Fancy Pink
- ECEFE5
≈ Alaskan Mist
对比度与无障碍
Ag
Fail白底
WCAG 1.16:1 · APCA Lc 8
Ag
AAA黑底
WCAG 18.04:1 · APCA Lc 97
最佳文字颜色: #000000
WCAG 18.04:1 (AAA) · APCA Lc 97
Contrast pairs
代码片段
CSS
:root {
--diamond-white: #e4f0f2;
--diamond-white-rgb: 228 240 242;
--diamond-white-oklch: oklch(0.947 0.013 208.8);
}
.element {
color: var(--diamond-white);
background-color: hsl(189 35% 92%);
border-color: oklch(0.947 0.013 208.8);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e4f0f2;
--color-diamond-white-50: #f1f6f7;
--color-diamond-white-100: #e3e9ea;
--color-diamond-white-200: #ced6d7;
--color-diamond-white-300: #b0b9bb;
--color-diamond-white-400: #96a1a2;
--color-diamond-white-500: #7d898b;
--color-diamond-white-600: #6a7475;
--color-diamond-white-700: #545d5e;
--color-diamond-white-800: #3d4445;
--color-diamond-white-900: #2a2f2f;
--color-diamond-white-950: #181b1c;
}SCSS
$diamond-white: #e4f0f2;
$diamond-white-rgb: 228, 240, 242;
$diamond-white-light: mix(#fff, $diamond-white, 20%);
$diamond-white-dark: mix(#000, $diamond-white, 20%);
.element {
color: $diamond-white;
box-shadow: 0 0 0 2px rgba($diamond-white, 0.35);
}