命名颜色 · #E5F1EC
Egyptian White
Egyptian White 即 #E5F1EC：rgb(229 241 236)、hsl(155 30% 92%)、oklch(0.948 0.014 169.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Egyptian White color name →
#E5F1EC
oklch(0.948 0.014 169.2)
颜色转换
- HEX
- #e5f1ec
- RGB
- rgb(229 241 236)
- HSL
- hsl(155 30% 92%)
- HWB
- hwb(155 90% 5%)
- OKLCH
- oklch(0.948 0.014 169.2)
- OKLab
- oklab(0.948 -0.014 0.003)
- CIE Lab
- lab(94.13 -4.79 0.97)
- LCH
- lch(94.13 4.89 168.5)
- CMYK
- cmyk(5% 0% 2% 5%)
浅色调 · 深色调 · 灰色调
浅色调
- E8F2EE
- EAF4F0
- EDF5F2
- EFF7F4
- F2F8F5
- F5F9F7
- F7FBF9
- FAFCFB
- FCFEFD
深色调
- C7D2CD
- AAB3AF
- 8E9592
- 727976
- 585D5B
- 3F4342
- 282B29
- 121413
- 030303
灰色调
- DAE5E1
- D0D9D5
- C6CECA
- BBC2BF
- B1B7B4
- A7ACAA
- 9DA19F
- 939695
- 8A8B8A
配色和谐
互补色 +180°
- E5F1EC
Egyptian White
- F6EAEF
≈ Snow Plum
类似色 -30° +30°
- E5F1EC
Egyptian White
- E9F0E7
≈ Trellis
- E3F1F1
≈ Cloud
三角配色 +120° +240°
- E5F1EC
Egyptian White
- EDECF7
≈ Silver Phoenix
- F6EBE5
≈ Naivete
分裂互补色 +150° +210°
- E5F1EC
Egyptian White
- F2EBF4
≈ Snow Plum
- F7EAEA
≈ Ballerina Gown
四角配色 +90° +180° +270°
- E5F1EC
Egyptian White
- E8EEF8
≈ First Snow
- F6EAEF
≈ Snow Plum
- F3EDE3
≈ Flurries
对比度与无障碍
Ag
Fail白底
WCAG 1.15:1 · APCA Lc 7
Ag
AAA黑底
WCAG 18.12:1 · APCA Lc 97
最佳文字颜色: #000000
WCAG 18.12:1 (AAA) · APCA Lc 97
Contrast pairs
代码片段
CSS
:root {
--egyptian-white: #e5f1ec;
--egyptian-white-rgb: 229 241 236;
--egyptian-white-oklch: oklch(0.948 0.014 169.2);
}
.element {
color: var(--egyptian-white);
background-color: hsl(155 30% 92%);
border-color: oklch(0.948 0.014 169.2);
}Tailwind CSS v4
@theme {
--color-egyptian-white: #e5f1ec;
--color-egyptian-white-50: #f1f6f4;
--color-egyptian-white-100: #e3e9e7;
--color-egyptian-white-200: #ced6d3;
--color-egyptian-white-300: #b1bab6;
--color-egyptian-white-400: #97a19d;
--color-egyptian-white-500: #7d8984;
--color-egyptian-white-600: #6a7470;
--color-egyptian-white-700: #555d5a;
--color-egyptian-white-800: #3e4441;
--color-egyptian-white-900: #2b2f2d;
--color-egyptian-white-950: #181c1a;
}SCSS
$egyptian-white: #e5f1ec;
$egyptian-white-rgb: 229, 241, 236;
$egyptian-white-light: mix(#fff, $egyptian-white, 20%);
$egyptian-white-dark: mix(#000, $egyptian-white, 20%);
.element {
color: $egyptian-white;
box-shadow: 0 0 0 2px rgba($egyptian-white, 0.35);
}