لون مسمّى · #E3DCD6
Grim Grey
Grim Grey هو #E3DCD6: rgb(227 220 214)، hsl(28 19% 86%)، oklch(0.898 0.011 63.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Grim Grey color name →
#E3DCD6
oklch(0.898 0.011 63.3)
تحويلات الألوان
- HEX
- #e3dcd6
- RGB
- rgb(227 220 214)
- HSL
- hsl(28 19% 86%)
- HWB
- hwb(28 84% 11%)
- OKLCH
- oklch(0.898 0.011 63.3)
- OKLab
- oklab(0.898 0.005 0.01)
- CIE Lab
- lab(88.2 1.7 3.85)
- LCH
- lch(88.2 4.21 66.2)
- CMYK
- cmyk(0% 3% 6% 11%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E6DFDA
- E9E3DE
- EBE6E2
- EEEAE6
- F1EDEA
- F4F1EE
- F7F4F3
- F9F8F7
- FCFBFB
درجات داكنة
- C5BFBA
- A8A39E
- 8C8884
- 716E6A
- 575452
- 3F3C3B
- 272625
- 121110
- 030202
درجات رمادية
- D9D2CD
- CEC9C4
- C4BFBB
- BAB6B3
- B0ADAA
- A6A4A1
- 9D9B99
- 939291
- 898988
تناسق الألوان
متمم +180°
- E3DCD6
Grim Grey
- D7DEE4
≈ Billowing Clouds
متجاور -30° +30°
- E3DCD6
Grim Grey
- E5DBD9
≈ Minified Maroon
- E0DDD5
≈ Sea Fog
ثلاثي +120° +240°
- E3DCD6
Grim Grey
- D6E0DE
≈ Pristine Petal
- DFDCE4
≈ Minified Mauve
متمم منقسم +150° +210°
- E3DCD6
Grim Grey
- D6E0E2
≈ Blue Smoke
- DBDDE5
≈ Timid Cloud
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.35:1 · APCA Lc 18
Ag
AAAعلى الأسود
WCAG 15.47:1 · APCA Lc 86
أفضل لون للنص: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--grim-grey: #e3dcd6;
--grim-grey-rgb: 227 220 214;
--grim-grey-oklch: oklch(0.898 0.011 63.3);
}
.element {
color: var(--grim-grey);
background-color: hsl(28 19% 86%);
border-color: oklch(0.898 0.011 63.3);
}Tailwind CSS v4
@theme {
--color-grim-grey: #e3dcd6;
--color-grim-grey-50: #f7f4f2;
--color-grim-grey-100: #eae7e4;
--color-grim-grey-200: #d8d3cf;
--color-grim-grey-300: #bbb6b1;
--color-grim-grey-400: #a39d98;
--color-grim-grey-500: #8c857f;
--color-grim-grey-600: #76706b;
--color-grim-grey-700: #5f5a56;
--color-grim-grey-800: #45423e;
--color-grim-grey-900: #302d2b;
--color-grim-grey-950: #1c1a18;
}SCSS
$grim-grey: #e3dcd6;
$grim-grey-rgb: 227, 220, 214;
$grim-grey-light: mix(#fff, $grim-grey, 20%);
$grim-grey-dark: mix(#000, $grim-grey, 20%);
.element {
color: $grim-grey;
box-shadow: 0 0 0 2px rgba($grim-grey, 0.35);
}