لون مسمّى · #EDDBE9
Elfin Magic
Elfin Magic هو #EDDBE9: rgb(237 219 233)، hsl(313 33% 89%)، oklch(0.91 0.027 333.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Elfin Magic color name →
#EDDBE9
oklch(0.91 0.027 333.3)
تحويلات الألوان
- HEX
- #eddbe9
- RGB
- rgb(237 219 233)
- HSL
- hsl(313 33% 89%)
- HWB
- hwb(313 86% 7%)
- OKLCH
- oklch(0.91 0.027 333.3)
- OKLab
- oklab(0.91 0.024 -0.012)
- CIE Lab
- lab(89.19 8.19 -4.52)
- LCH
- lch(89.19 9.36 331.1)
- CMYK
- cmyk(0% 8% 2% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EFDFEB
- F1E2ED
- F2E6F0
- F4E9F2
- F6EDF4
- F8F1F6
- FAF4F8
- FBF8FB
- FDFBFD
درجات داكنة
- CEBECB
- B0A2AD
- 938790
- 776D74
- 5C545A
- 423C41
- 2A2629
- 141113
- 030203
درجات رمادية
- E2D2DE
- D6C8D3
- CBBFC8
- C0B6BE
- B5ACB3
- AAA3A9
- 9F9A9E
- 959194
- 8A898A
تناسق الألوان
متمم +180°
- EDDBE9
Elfin Magic
- D4E7D9
≈ Light Green Wash
متجاور -30° +30°
- EDDBE9
Elfin Magic
- E5DDF1
≈ Lingering Lilac
- F2DADF
≈ Fancy Pants
ثلاثي +120° +240°
- EDDBE9
Elfin Magic
- E7E1CE
≈ Shearling
- CEE6EC
≈ Ethereal Mood
متمم منقسم +150° +210°
- EDDBE9
Elfin Magic
- DEE5D1
≈ Frostee
- CFE8E3
≈ Frosty White Blue
رباعي +90° +180° +270°
- EDDBE9
Elfin Magic
- EFDECF
≈ Dry Dune
- D4E7D9
≈ Light Green Wash
- D3E4F2
≈ New Heights
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.31:1 · APCA Lc 16
Ag
AAAعلى الأسود
WCAG 15.91:1 · APCA Lc 88
أفضل لون للنص: #000000
WCAG 15.91:1 (AAA) · APCA Lc 88
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--elfin-magic: #eddbe9;
--elfin-magic-rgb: 237 219 233;
--elfin-magic-oklch: oklch(0.91 0.027 333.3);
}
.element {
color: var(--elfin-magic);
background-color: hsl(313 33% 89%);
border-color: oklch(0.91 0.027 333.3);
}Tailwind CSS v4
@theme {
--color-elfin-magic: #eddbe9;
--color-elfin-magic-50: #faf2f8;
--color-elfin-magic-100: #eee5eb;
--color-elfin-magic-200: #dcd0d9;
--color-elfin-magic-300: #c1b2bd;
--color-elfin-magic-400: #a999a5;
--color-elfin-magic-500: #92808e;
--color-elfin-magic-600: #7b6c78;
--color-elfin-magic-700: #635660;
--color-elfin-magic-800: #483f47;
--color-elfin-magic-900: #322b31;
--color-elfin-magic-950: #1e191d;
}SCSS
$elfin-magic: #eddbe9;
$elfin-magic-rgb: 237, 219, 233;
$elfin-magic-light: mix(#fff, $elfin-magic, 20%);
$elfin-magic-dark: mix(#000, $elfin-magic, 20%);
.element {
color: $elfin-magic;
box-shadow: 0 0 0 2px rgba($elfin-magic, 0.35);
}