最接近的命名颜色 · #E2EDEF
#E2EDEF
最接近的命名颜色: Diamond White
#E2EDEF（rgb(226 237 239)、hsl(189 29% 91%)、oklch(0.938 0.012 209.8)）最接近命名颜色 Diamond White。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E2EDEF
oklch(0.938 0.012 209.8)
颜色转换
- HEX
- #e2edef
- RGB
- rgb(226 237 239)
- HSL
- hsl(189 29% 91%)
- HWB
- hwb(189 89% 6%)
- OKLCH
- oklch(0.938 0.012 209.8)
- OKLab
- oklab(0.938 -0.01 -0.006)
- CIE Lab
- lab(92.96 -3.5 -2.3)
- LCH
- lch(92.96 4.19 213.3)
- CMYK
- cmyk(5% 1% 0% 6%)
浅色调 · 深色调 · 灰色调
浅色调
- E5EFF1
- E8F1F2
- EBF2F4
- EEF4F5
- F0F6F7
- F3F8F9
- F6FAFA
- F9FBFC
- FCFDFD
深色调
- C4CED0
- A8B0B1
- 8C9394
- 717778
- 575C5C
- 3E4242
- 272A2A
- 121414
- 030303
灰色调
- D8E2E3
- CED6D8
- C4CBCC
- BAC0C1
- B0B5B6
- A6AAAB
- 9C9FA0
- 939595
- 898A8B
配色和谐
互补色 +180°
- E2EDEF
Diamond White
- F3E8E6
≈ Light Chiffon
类似色 -30° +30°
- E2EDEF
Diamond White
- E3EDEB
≈ Club Soda
- E4ECF2
≈ Out Cold
三角配色 +120° +240°
- E2EDEF
Diamond White
- F0E8EE
≈ Rose Fantasy
- EEEAE2
≈ Solid Opal
分裂互补色 +150° +210°
- E2EDEF
Diamond White
- F2E7EA
≈ White-Red
- F1E9E3
≈ Refer to the Stars
四角配色 +90° +180° +270°
- E2EDEF
Diamond White
- ECE9F2
≈ Greek Goddess
- F3E8E6
≈ Light Chiffon
- E9ECE3
≈ Calm Breeze
对比度与无障碍
Ag
Fail白底
WCAG 1.19:1 · APCA Lc 9
Ag
AAA黑底
WCAG 17.59:1 · APCA Lc 95
最佳文字颜色: #000000
WCAG 17.59:1 (AAA) · APCA Lc 95
Contrast pairs
代码片段
CSS
:root {
--diamond-white: #e2edef;
--diamond-white-rgb: 226 237 239;
--diamond-white-oklch: oklch(0.938 0.012 209.8);
}
.element {
color: var(--diamond-white);
background-color: hsl(189 29% 91%);
border-color: oklch(0.938 0.012 209.8);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e2edef;
--color-diamond-white-50: #f1f6f7;
--color-diamond-white-100: #e4e9ea;
--color-diamond-white-200: #cfd6d7;
--color-diamond-white-300: #b1b9bb;
--color-diamond-white-400: #97a0a2;
--color-diamond-white-500: #7d888a;
--color-diamond-white-600: #6a7375;
--color-diamond-white-700: #555c5e;
--color-diamond-white-800: #3e4444;
--color-diamond-white-900: #2a2f2f;
--color-diamond-white-950: #181b1c;
}SCSS
$diamond-white: #e2edef;
$diamond-white-rgb: 226, 237, 239;
$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);
}