命名颜色 · #E2DCD7
Marble Quarry
Marble Quarry 即 #E2DCD7：rgb(226 220 215)、hsl(27 16% 86%)、oklch(0.898 0.009 62.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Marble Quarry color name →
#E2DCD7
oklch(0.898 0.009 62.6)
颜色转换
- HEX
- #e2dcd7
- RGB
- rgb(226 220 215)
- HSL
- hsl(27 16% 86%)
- HWB
- hwb(27 84% 11%)
- OKLCH
- oklch(0.898 0.009 62.6)
- OKLab
- oklab(0.898 0.004 0.008)
- CIE Lab
- lab(88.14 1.47 3.23)
- LCH
- lch(88.14 3.55 65.5)
- CMYK
- cmyk(0% 3% 5% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E5DFDB
- E8E3DF
- EBE6E3
- EEEAE7
- F0EDEB
- F3F1EF
- F6F4F3
- F9F8F7
- FCFBFB
深色调
- C4BFBB
- A8A39F
- 8C8885
- 716E6B
- 575452
- 3E3C3B
- 272625
- 121111
- 030202
灰色调
- D8D2CE
- CEC9C5
- C4BFBC
- BAB6B3
- B0ADAA
- A6A4A2
- 9C9B99
- 939291
- 898988
配色和谐
互补色 +180°
- E2DCD7
Marble Quarry
- D8DEE3
≈ Billowing Clouds
类似色 -30° +30°
- E2DCD7
Marble Quarry
- E3DBD9
≈ Chernobog Breath
- DFDDD6
≈ Sea Fog
三角配色 +120° +240°
- E2DCD7
Marble Quarry
- D7DFDE
≈ Echo Mist
- DEDCE3
≈ Mechagodzilla
分裂互补色 +150° +210°
- E2DCD7
Marble Quarry
- D7DFE1
≈ Blue Smoke
- DBDDE4
≈ Timid Cloud
四角配色 +90° +180° +270°
- E2DCD7
Marble Quarry
- D9DFDA
≈ Rapier Silver
- D8DEE3
≈ Billowing Clouds
- E1DBE0
≈ Puffball Vapour
对比度与无障碍
Ag
Fail白底
WCAG 1.35:1 · APCA Lc 18
Ag
AAA黑底
WCAG 15.45:1 · APCA Lc 86
最佳文字颜色: #000000
WCAG 15.45:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
CSS
:root {
--marble-quarry: #e2dcd7;
--marble-quarry-rgb: 226 220 215;
--marble-quarry-oklch: oklch(0.898 0.009 62.6);
}
.element {
color: var(--marble-quarry);
background-color: hsl(27 16% 86%);
border-color: oklch(0.898 0.009 62.6);
}Tailwind CSS v4
@theme {
--color-marble-quarry: #e2dcd7;
--color-marble-quarry-50: #f7f5f2;
--color-marble-quarry-100: #eae7e5;
--color-marble-quarry-200: #d7d3d0;
--color-marble-quarry-300: #bbb6b2;
--color-marble-quarry-400: #a39d99;
--color-marble-quarry-500: #8b8580;
--color-marble-quarry-600: #76706c;
--color-marble-quarry-700: #5e5a57;
--color-marble-quarry-800: #45423f;
--color-marble-quarry-900: #302d2b;
--color-marble-quarry-950: #1c1a19;
}SCSS
$marble-quarry: #e2dcd7;
$marble-quarry-rgb: 226, 220, 215;
$marble-quarry-light: mix(#fff, $marble-quarry, 20%);
$marble-quarry-dark: mix(#000, $marble-quarry, 20%);
.element {
color: $marble-quarry;
box-shadow: 0 0 0 2px rgba($marble-quarry, 0.35);
}