أقرب لون مسمّى · #EEF2E0
#EEF2E0
أقرب لون مسمّى: Bethlehem Superstar
#EEF2E0 (rgb(238 242 224)، hsl(73 41% 91%)، oklch(0.953 0.024 117)) أقرب إلى اللون المسمّى Bethlehem Superstar. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#EEF2E0
oklch(0.953 0.024 117)
تحويلات الألوان
- HEX
- #eef2e0
- RGB
- rgb(238 242 224)
- HSL
- hsl(73 41% 91%)
- HWB
- hwb(73 88% 5%)
- OKLCH
- oklch(0.953 0.024 117)
- OKLab
- oklab(0.953 -0.011 0.022)
- CIE Lab
- lab(94.82 -3.69 8.23)
- LCH
- lch(94.82 9.02 114.2)
- CMYK
- cmyk(2% 0% 7% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F0F3E3
- F1F5E6
- F3F6E9
- F5F7EC
- F6F9EF
- F8FAF3
- FAFBF6
- FCFCF9
- FDFEFC
درجات داكنة
- CFD2C3
- B1B4A6
- 93968A
- 777970
- 5C5E56
- 42433E
- 2A2B27
- 141412
- 030302
درجات رمادية
- E2E6D6
- D7DACC
- CCCEC2
- C1C3B8
- B5B7AF
- AAACA5
- A0A19C
- 959692
- 8A8B89
تناسق الألوان
متمم +180°
- EEF2E0
Bethlehem Superstar
- F1EDFE
≈ Foundation White
متجاور -30° +30°
- EEF2E0
Bethlehem Superstar
- F7EFDE
≈ Phoenix Villa
- E6F4E6
≈ Mint Fizz
ثلاثي +120° +240°
- EEF2E0
Bethlehem Superstar
- E1F2FE
≈ Wizard White
- FEE9F0
≈ Rose Mochi
متمم منقسم +150° +210°
- EEF2E0
Bethlehem Superstar
- E9F0FF
≈ Brilliant White
- F9EAF8
≈ Placebo Fuchsia
رباعي +90° +180° +270°
- EEF2E0
Bethlehem Superstar
- DEF5F8
≈ Coastal Breeze
- F1EDFE
≈ Foundation White
- FFEAE7
≈ Quartz Light Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.14:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 18.41:1 · APCA Lc 98
أفضل لون للنص: #000000
WCAG 18.41:1 (AAA) · APCA Lc 98
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bethlehem-superstar: #eef2e0;
--bethlehem-superstar-rgb: 238 242 224;
--bethlehem-superstar-oklch: oklch(0.953 0.024 117);
}
.element {
color: var(--bethlehem-superstar);
background-color: hsl(73 41% 91%);
border-color: oklch(0.953 0.024 117);
}Tailwind CSS v4
@theme {
--color-bethlehem-superstar: #eef2e0;
--color-bethlehem-superstar-50: #f4f6ef;
--color-bethlehem-superstar-100: #e7e9e0;
--color-bethlehem-superstar-200: #d3d6ca;
--color-bethlehem-superstar-300: #b6b9ac;
--color-bethlehem-superstar-400: #9da191;
--color-bethlehem-superstar-500: #858977;
--color-bethlehem-superstar-600: #707465;
--color-bethlehem-superstar-700: #5a5c50;
--color-bethlehem-superstar-800: #42433a;
--color-bethlehem-superstar-900: #2d2f28;
--color-bethlehem-superstar-950: #1a1b16;
}SCSS
$bethlehem-superstar: #eef2e0;
$bethlehem-superstar-rgb: 238, 242, 224;
$bethlehem-superstar-light: mix(#fff, $bethlehem-superstar, 20%);
$bethlehem-superstar-dark: mix(#000, $bethlehem-superstar, 20%);
.element {
color: $bethlehem-superstar;
box-shadow: 0 0 0 2px rgba($bethlehem-superstar, 0.35);
}