أقرب لون مسمّى · #ECE5DF
#ECE5DF
أقرب لون مسمّى: Bookworm
#ECE5DF (rgb(236 229 223)، hsl(28 25% 90%)، oklch(0.926 0.011 63.4)) أقرب إلى اللون المسمّى Bookworm. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#ECE5DF
oklch(0.926 0.011 63.4)
تحويلات الألوان
- HEX
- #ece5df
- RGB
- rgb(236 229 223)
- HSL
- hsl(28 25% 90%)
- HWB
- hwb(28 87% 7%)
- OKLCH
- oklch(0.926 0.011 63.4)
- OKLab
- oklab(0.926 0.005 0.01)
- CIE Lab
- lab(91.37 1.68 3.82)
- LCH
- lch(91.37 4.17 66.2)
- CMYK
- cmyk(0% 3% 6% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EEE8E2
- F0EAE5
- F2EDE9
- F4EFEC
- F5F2EF
- F7F5F2
- F9F7F5
- FBFAF9
- FDFCFC
درجات داكنة
- CDC7C2
- AFAAA5
- 928E8A
- 76726F
- 5B5856
- 423F3D
- 292827
- 131212
- 030302
درجات رمادية
- E1DAD5
- D5D0CB
- CAC6C2
- BFBBB8
- B5B1AE
- AAA7A5
- 9F9D9B
- 959392
- 8A8A89
تناسق الألوان
متمم +180°
- ECE5DF
Bookworm
- E0E7ED
≈ Diamond Light
متجاور -30° +30°
- ECE5DF
Bookworm
- EEE4E2
≈ Whimsical White
- E9E6DE
≈ Pearly Gates
ثلاثي +120° +240°
- ECE5DF
Bookworm
- DFE9E7
≈ Calm
- E8E5ED
≈ Iris Isle
متمم منقسم +150° +210°
- ECE5DF
Bookworm
- DFE9EB
≈ Sweet Illusion
- E4E6EE
≈ Ghostly Tuna
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.24:1 · APCA Lc 12
Ag
AAAعلى الأسود
WCAG 16.83:1 · APCA Lc 92
أفضل لون للنص: #000000
WCAG 16.83:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bookworm: #ece5df;
--bookworm-rgb: 236 229 223;
--bookworm-oklch: oklch(0.926 0.011 63.4);
}
.element {
color: var(--bookworm);
background-color: hsl(28 25% 90%);
border-color: oklch(0.926 0.011 63.4);
}Tailwind CSS v4
@theme {
--color-bookworm: #ece5df;
--color-bookworm-50: #f7f4f2;
--color-bookworm-100: #eae7e4;
--color-bookworm-200: #d8d3cf;
--color-bookworm-300: #bbb6b2;
--color-bookworm-400: #a39d98;
--color-bookworm-500: #8c857f;
--color-bookworm-600: #76706b;
--color-bookworm-700: #5f5a56;
--color-bookworm-800: #45423f;
--color-bookworm-900: #302d2b;
--color-bookworm-950: #1c1a18;
}SCSS
$bookworm: #ece5df;
$bookworm-rgb: 236, 229, 223;
$bookworm-light: mix(#fff, $bookworm, 20%);
$bookworm-dark: mix(#000, $bookworm, 20%);
.element {
color: $bookworm;
box-shadow: 0 0 0 2px rgba($bookworm, 0.35);
}