لون مسمّى · #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);
}