أقرب لون مسمّى · #E1DDDD
#E1DDDD
أقرب لون مسمّى: Chrome
#E1DDDD (rgb(225 221 221)، hsl(0 6% 87%)، oklch(0.901 0.004 17.2)) أقرب إلى اللون المسمّى Chrome. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E1DDDD
oklch(0.901 0.004 17.2)
تحويلات الألوان
- HEX
- #e1dddd
- RGB
- rgb(225 221 221)
- HSL
- hsl(0 6% 87%)
- HWB
- hwb(0 87% 12%)
- OKLCH
- oklch(0.901 0.004 17.2)
- OKLab
- oklab(0.901 0.004 0.001)
- CIE Lab
- lab(88.43 1.41 0.51)
- LCH
- lch(88.43 1.5 19.8)
- CMYK
- cmyk(0% 2% 2% 12%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E4E0E0
- E7E4E4
- EAE7E7
- EDEAEA
- F0EEEE
- F3F1F1
- F6F5F5
- F9F8F8
- FCFCFC
درجات داكنة
- C4C0C0
- A7A4A4
- 8B8888
- 706E6E
- 565555
- 3E3D3D
- 272626
- 121111
- 020202
درجات رمادية
- D7D3D3
- CDCACA
- C3C0C0
- B9B7B7
- AFADAD
- A6A4A4
- 9C9B9B
- 939292
- 898989
تناسق الألوان
متمم +180°
- E1DDDD
Chrome
- DBDFDF
≈ Cold Water
متجاور -30° +30°
- E1DDDD
Chrome
- E0DDDF
≈ Lavender Lace
- E1DDDC
≈ Fall Chill
ثلاثي +120° +240°
- E1DDDD
Chrome
- DDDFDC
≈ Reflecting Pool
- DCDEE1
≈ Grey Placidity
متمم منقسم +150° +210°
- E1DDDD
Chrome
- DCDFDD
≈ Reflecting Pool
- DBDFE0
≈ Drifting Cloud
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.34:1 · APCA Lc 17
Ag
AAAعلى الأسود
WCAG 15.58:1 · APCA Lc 87
أفضل لون للنص: #000000
WCAG 15.58:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--chrome: #e1dddd;
--chrome-rgb: 225 221 221;
--chrome-oklch: oklch(0.901 0.004 17.2);
}
.element {
color: var(--chrome);
background-color: hsl(0 6% 87%);
border-color: oklch(0.901 0.004 17.2);
}Tailwind CSS v4
@theme {
--color-chrome: #e1dddd;
--color-chrome-50: #f6f5f4;
--color-chrome-100: #e9e7e7;
--color-chrome-200: #d6d3d3;
--color-chrome-300: #b9b6b6;
--color-chrome-400: #a19d9d;
--color-chrome-500: #898585;
--color-chrome-600: #747171;
--color-chrome-700: #5d5a5a;
--color-chrome-800: #444242;
--color-chrome-900: #2f2d2d;
--color-chrome-950: #1b1a1a;
}SCSS
$chrome: #e1dddd;
$chrome-rgb: 225, 221, 221;
$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);
}