أقرب لون مسمّى · #E8EEDA
#E8EEDA
أقرب لون مسمّى: Bethlehem Superstar
#E8EEDA (rgb(232 238 218)، hsl(78 37% 89%)، oklch(0.939 0.027 120.5)) أقرب إلى اللون المسمّى Bethlehem Superstar. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E8EEDA
oklch(0.939 0.027 120.5)
تحويلات الألوان
- HEX
- #e8eeda
- RGB
- rgb(232 238 218)
- HSL
- hsl(78 37% 89%)
- HWB
- hwb(78 85% 7%)
- OKLCH
- oklch(0.939 0.027 120.5)
- OKLab
- oklab(0.939 -0.014 0.023)
- CIE Lab
- lab(93.23 -4.66 8.99)
- LCH
- lch(93.23 10.13 117.4)
- CMYK
- cmyk(3% 0% 8% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EAF0DE
- EDF1E1
- EFF3E5
- F1F5E9
- F3F7EC
- F6F8F0
- F8FAF4
- FAFCF8
- FDFDFB
درجات داكنة
- CACFBD
- ACB1A2
- 909387
- 74776C
- 595C54
- 40423C
- 292A25
- 131411
- 030302
درجات رمادية
- DDE2D1
- D2D7C7
- C8CCBE
- BDC1B5
- B3B5AC
- A8ABA3
- 9EA09A
- 949591
- 8A8A89
تناسق الألوان
متمم +180°
- E8EEDA
Bethlehem Superstar
- EDE7FB
≈ Bright Dusk
متجاور -30° +30°
- E8EEDA
Bethlehem Superstar
- F2EBD7
≈ Mesa Beige
- DFF0E2
≈ Ice-Cold White
ثلاثي +120° +240°
- E8EEDA
Bethlehem Superstar
- DBEEFC
≈ Hoarfrost
- FCE4EA
≈ Hepatica
متمم منقسم +150° +210°
- E8EEDA
Bethlehem Superstar
- E4EAFE
≈ Glitter
- F6E5F4
≈ Soft Lavender
رباعي +90° +180° +270°
- E8EEDA
Bethlehem Superstar
- D7F0F5
≈ Let It Snow
- EDE7FB
≈ Bright Dusk
- FDE5E0
≈ Misty Rose
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.18:1 · APCA Lc 9
Ag
AAAعلى الأسود
WCAG 17.67:1 · APCA Lc 95
أفضل لون للنص: #000000
WCAG 17.67:1 (AAA) · APCA Lc 95
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bethlehem-superstar: #e8eeda;
--bethlehem-superstar-rgb: 232 238 218;
--bethlehem-superstar-oklch: oklch(0.939 0.027 120.5);
}
.element {
color: var(--bethlehem-superstar);
background-color: hsl(78 37% 89%);
border-color: oklch(0.939 0.027 120.5);
}Tailwind CSS v4
@theme {
--color-bethlehem-superstar: #e8eeda;
--color-bethlehem-superstar-50: #f3f6ee;
--color-bethlehem-superstar-100: #e6e9e0;
--color-bethlehem-superstar-200: #d2d6ca;
--color-bethlehem-superstar-300: #b5baab;
--color-bethlehem-superstar-400: #9ca18f;
--color-bethlehem-superstar-500: #838975;
--color-bethlehem-superstar-600: #6f7463;
--color-bethlehem-superstar-700: #595d4f;
--color-bethlehem-superstar-800: #414439;
--color-bethlehem-superstar-900: #2d2f27;
--color-bethlehem-superstar-950: #1a1b15;
}SCSS
$bethlehem-superstar: #e8eeda;
$bethlehem-superstar-rgb: 232, 238, 218;
$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);
}