أقرب لون مسمّى · #D1E8DE
#D1E8DE
أقرب لون مسمّى: Ice Dagger
#D1E8DE (rgb(209 232 222)، hsl(154 33% 86%)، oklch(0.911 0.028 167.8)) أقرب إلى اللون المسمّى Ice Dagger. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#D1E8DE
oklch(0.911 0.028 167.8)
تحويلات الألوان
- HEX
- #d1e8de
- RGB
- rgb(209 232 222)
- HSL
- hsl(154 33% 86%)
- HWB
- hwb(154 82% 9%)
- OKLCH
- oklch(0.911 0.028 167.8)
- OKLab
- oklab(0.911 -0.027 0.006)
- CIE Lab
- lab(90.07 -9.28 2.16)
- LCH
- lch(90.07 9.53 166.9)
- CMYK
- cmyk(10% 0% 4% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D6EAE1
- DAEDE5
- DFEFE8
- E3F1EB
- E8F3EE
- EDF6F2
- F1F8F5
- F6FAF8
- FAFDFC
درجات داكنة
- B5CAC1
- 9BACA5
- 819089
- 68746F
- 505955
- 39403D
- 232926
- 101312
- 020302
درجات رمادية
- C9DDD4
- C0D2CA
- B8C8C1
- B0BDB7
- A8B3AE
- A0A8A4
- 989E9B
- 909492
- 888A89
تناسق الألوان
متمم +180°
- D1E8DE
Ice Dagger
- F1DBE5
≈ Piggyback
متجاور -30° +30°
- D1E8DE
Ice Dagger
- D9E6D5
≈ Frostee
- CDE8E8
≈ Mabel
ثلاثي +120° +240°
- D1E8DE
Ice Dagger
- E0DFF4
≈ Lingering Lilac
- F2DDD2
≈ Spice Cookie
متمم منقسم +150° +210°
- D1E8DE
Ice Dagger
- EADCEE
≈ Divine Dove
- F4DBDB
≈ Lovely Harmony
رباعي +90° +180° +270°
- D1E8DE
Ice Dagger
- D6E3F5
≈ Aquarelle Purple
- F1DBE5
≈ Piggyback
- ECE0CE
≈ Asian Fusion
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.28:1 · APCA Lc 14
Ag
AAAعلى الأسود
WCAG 16.30:1 · APCA Lc 90
أفضل لون للنص: #000000
WCAG 16.30:1 (AAA) · APCA Lc 90
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--ice-dagger: #d1e8de;
--ice-dagger-rgb: 209 232 222;
--ice-dagger-oklch: oklch(0.911 0.028 167.8);
}
.element {
color: var(--ice-dagger);
background-color: hsl(154 33% 86%);
border-color: oklch(0.911 0.028 167.8);
}Tailwind CSS v4
@theme {
--color-ice-dagger: #d1e8de;
--color-ice-dagger-50: #eef8f4;
--color-ice-dagger-100: #dfebe6;
--color-ice-dagger-200: #c9d8d2;
--color-ice-dagger-300: #aabcb5;
--color-ice-dagger-400: #8fa49b;
--color-ice-dagger-500: #758c82;
--color-ice-dagger-600: #63776e;
--color-ice-dagger-700: #4f5f58;
--color-ice-dagger-800: #3a4640;
--color-ice-dagger-900: #27302c;
--color-ice-dagger-950: #161c19;
}SCSS
$ice-dagger: #d1e8de;
$ice-dagger-rgb: 209, 232, 222;
$ice-dagger-light: mix(#fff, $ice-dagger, 20%);
$ice-dagger-dark: mix(#000, $ice-dagger, 20%);
.element {
color: $ice-dagger;
box-shadow: 0 0 0 2px rgba($ice-dagger, 0.35);
}