أقرب لون مسمّى · #E7E5E9
#E7E5E9
أقرب لون مسمّى: Chrome
#E7E5E9 (rgb(231 229 233)، hsl(270 8% 91%)، oklch(0.925 0.006 308.4)) أقرب إلى اللون المسمّى Chrome. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E7E5E9
oklch(0.925 0.006 308.4)
تحويلات الألوان
- HEX
- #e7e5e9
- RGB
- rgb(231 229 233)
- HSL
- hsl(270 8% 91%)
- HWB
- hwb(270 90% 9%)
- OKLCH
- oklch(0.925 0.006 308.4)
- OKLab
- oklab(0.925 0.004 -0.005)
- CIE Lab
- lab(91.18 1.23 -1.7)
- LCH
- lch(91.18 2.1 305.9)
- CMYK
- cmyk(1% 2% 0% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E9E8EB
- ECEAED
- EEEDF0
- F1EFF2
- F3F2F4
- F5F5F6
- F8F7F8
- FAFAFB
- FDFCFD
درجات داكنة
- C9C7CB
- ABAAAD
- 8F8E90
- 737274
- 59585A
- 403F41
- 282829
- 131213
- 030303
درجات رمادية
- DCDADE
- D2D0D3
- C7C6C8
- BCBBBE
- B2B1B3
- A8A7A9
- 9E9D9E
- 949394
- 8A8A8A
تناسق الألوان
متمم +180°
- E7E5E9
Chrome
- E5E7E3
≈ Whale Bone
متجاور -30° +30°
- E7E5E9
Chrome
- E5E6EA
≈ Lilac Murmur
- E9E5E7
≈ Orchid Mist
ثلاثي +120° +240°
- E7E5E9
Chrome
- E9E5E2
≈ Soft Violet
- E2E7E7
≈ White Lake
متمم منقسم +150° +210°
- E7E5E9
Chrome
- E7E6E2
≈ Pearl Brite
- E3E7E5
≈ Silent White
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.25:1 · APCA Lc 12
Ag
AAAعلى الأسود
WCAG 16.78:1 · APCA Lc 91
أفضل لون للنص: #000000
WCAG 16.78:1 (AAA) · APCA Lc 91
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--chrome: #e7e5e9;
--chrome-rgb: 231 229 233;
--chrome-oklch: oklch(0.925 0.006 308.4);
}
.element {
color: var(--chrome);
background-color: hsl(270 8% 91%);
border-color: oklch(0.925 0.006 308.4);
}Tailwind CSS v4
@theme {
--color-chrome: #e7e5e9;
--color-chrome-50: #f5f5f6;
--color-chrome-100: #e8e7e9;
--color-chrome-200: #d5d3d6;
--color-chrome-300: #b8b6b9;
--color-chrome-400: #9f9da1;
--color-chrome-500: #878589;
--color-chrome-600: #727174;
--color-chrome-700: #5b5a5d;
--color-chrome-800: #434244;
--color-chrome-900: #2e2d2f;
--color-chrome-950: #1b1a1b;
}SCSS
$chrome: #e7e5e9;
$chrome-rgb: 231, 229, 233;
$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);
}