أقرب لون مسمّى · #E2F1EF
#E2F1EF
أقرب لون مسمّى: Bone-Chilling
#E2F1EF (rgb(226 241 239)، hsl(172 35% 92%)، oklch(0.946 0.016 187.3)) أقرب إلى اللون المسمّى Bone-Chilling. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E2F1EF
oklch(0.946 0.016 187.3)
تحويلات الألوان
- HEX
- #e2f1ef
- RGB
- rgb(226 241 239)
- HSL
- hsl(172 35% 92%)
- HWB
- hwb(172 89% 5%)
- OKLCH
- oklch(0.946 0.016 187.3)
- OKLab
- oklab(0.946 -0.016 -0.002)
- CIE Lab
- lab(93.97 -5.4 -0.83)
- LCH
- lch(93.97 5.47 188.7)
- CMYK
- cmyk(6% 0% 1% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E5F2F1
- E8F4F2
- EBF5F4
- EEF7F5
- F1F8F7
- F3F9F9
- F6FBFA
- F9FCFC
- FCFEFD
درجات داكنة
- C4D2D0
- A8B3B1
- 8C9594
- 717978
- 575D5C
- 3E4342
- 272B2A
- 121414
- 030303
درجات رمادية
- D8E5E3
- CED9D8
- C4CECC
- BAC2C1
- B0B7B6
- A6ACAB
- 9CA1A0
- 939695
- 898B8B
تناسق الألوان
متمم +180°
- E2F1EF
Bone-Chilling
- F8E9EB
≈ Morning Shine
متجاور -30° +30°
- E2F1EF
Bone-Chilling
- E5F1E9
≈ Opera Glass
- E2F0F4
≈ Diamond White
ثلاثي +120° +240°
- E2F1EF
Bone-Chilling
- F0EBF6
≈ Perfume Haze
- F5ECE2
≈ Champagne Flute
متمم منقسم +150° +210°
- E2F1EF
Bone-Chilling
- F5E9F1
≈ Snow Plum
- F8EAE6
≈ Musical Mist
رباعي +90° +180° +270°
- E2F1EF
Bone-Chilling
- EAEDF8
≈ Coconut White
- F8E9EB
≈ Morning Shine
- F0EEE2
≈ Blanc Cassé
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.16:1 · APCA Lc 8
Ag
AAAعلى الأسود
WCAG 18.06:1 · APCA Lc 97
أفضل لون للنص: #000000
WCAG 18.06:1 (AAA) · APCA Lc 97
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bone-chilling: #e2f1ef;
--bone-chilling-rgb: 226 241 239;
--bone-chilling-oklch: oklch(0.946 0.016 187.3);
}
.element {
color: var(--bone-chilling);
background-color: hsl(172 35% 92%);
border-color: oklch(0.946 0.016 187.3);
}Tailwind CSS v4
@theme {
--color-bone-chilling: #e2f1ef;
--color-bone-chilling-50: #f0f7f6;
--color-bone-chilling-100: #e2eae9;
--color-bone-chilling-200: #cdd6d5;
--color-bone-chilling-300: #afbab9;
--color-bone-chilling-400: #94a2a0;
--color-bone-chilling-500: #7b8a88;
--color-bone-chilling-600: #687573;
--color-bone-chilling-700: #535d5c;
--color-bone-chilling-800: #3c4443;
--color-bone-chilling-900: #2a2f2e;
--color-bone-chilling-950: #171c1b;
}SCSS
$bone-chilling: #e2f1ef;
$bone-chilling-rgb: 226, 241, 239;
$bone-chilling-light: mix(#fff, $bone-chilling, 20%);
$bone-chilling-dark: mix(#000, $bone-chilling, 20%);
.element {
color: $bone-chilling;
box-shadow: 0 0 0 2px rgba($bone-chilling, 0.35);
}