最接近的命名颜色 · #E7E2E5
#E7E2E5
最接近的命名颜色: Chrome
#E7E2E5（rgb(231 226 229)、hsl(324 9% 90%)、oklch(0.918 0.007 340.4)）最接近命名颜色 Chrome。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E7E2E5
oklch(0.918 0.007 340.4)
颜色转换
- HEX
- #e7e2e5
- RGB
- rgb(231 226 229)
- HSL
- hsl(324 9% 90%)
- HWB
- hwb(324 89% 9%)
- OKLCH
- oklch(0.918 0.007 340.4)
- OKLab
- oklab(0.918 0.006 -0.002)
- CIE Lab
- lab(90.34 2.15 -0.84)
- LCH
- lch(90.34 2.3 338.7)
- CMYK
- cmyk(0% 2% 1% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- E9E5E8
- ECE8EA
- EEEBED
- F1EEEF
- F3F0F2
- F5F3F5
- F8F6F7
- FAF9FA
- FDFCFC
深色调
- C9C4C7
- ABA8AA
- 8F8C8E
- 737172
- 595758
- 403E3F
- 282728
- 131212
- 030303
灰色调
- DCD8DA
- D2CED0
- C7C4C6
- BCBABB
- B2B0B1
- A8A6A7
- 9E9C9D
- 949393
- 8A898A
配色和谐
互补色 +180°
- E7E2E5
Chrome
- E0E5E2
≈ Icy Bay
类似色 -30° +30°
- E7E2E5
Chrome
- E5E2E7
≈ Violet Hush
- E8E2E3
≈ Antique Petal
三角配色 +120° +240°
- E7E2E5
Chrome
- E5E4DF
≈ Felicity
- DFE5E7
≈ Austrian Ice
分裂互补色 +150° +210°
- E7E2E5
Chrome
- E2E5E0
≈ Canyon Wind
- DFE5E5
≈ Moon Garden
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.27:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.40:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.40:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--chrome: #e7e2e5;
--chrome-rgb: 231 226 229;
--chrome-oklch: oklch(0.918 0.007 340.4);
}
.element {
color: var(--chrome);
background-color: hsl(324 9% 90%);
border-color: oklch(0.918 0.007 340.4);
}Tailwind CSS v4
@theme {
--color-chrome: #e7e2e5;
--color-chrome-50: #f6f4f5;
--color-chrome-100: #e9e7e8;
--color-chrome-200: #d6d3d5;
--color-chrome-300: #bab6b8;
--color-chrome-400: #a19d9f;
--color-chrome-500: #898487;
--color-chrome-600: #747073;
--color-chrome-700: #5d5a5c;
--color-chrome-800: #444143;
--color-chrome-900: #2f2d2e;
--color-chrome-950: #1b1a1b;
}SCSS
$chrome: #e7e2e5;
$chrome-rgb: 231, 226, 229;
$chrome-light: mix(#fff, $chrome, 20%);
$chrome-dark: mix(#000, $chrome, 20%);
.element {
color: $chrome;
box-shadow: 0 0 0 2px rgba($chrome, 0.35);
}