#E6E2D3
#e6e2d3 ≈ Eggshell
#e6e2d3 لون من عائلة «الأصفر»، سطوعه مرتفع جدًا وتشبّعه خافت. في نموذج RGB يتكوّن من 90.2% أحمر و88.63% أخضر و82.75% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و1.74% أرجواني و8.26% أصفر و9.8% أسود. زاوية صبغته 47.37°، وتشبّعه 27.54% وسطوعه 86.47% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالتفاؤل ولفت الانتباه والبهجة. يستخدمه المصممون عادةً في الإبرازات والتنبيهات، منتجات الأطفال ولوحات الباستيل الناعمة. يحقق النص الأسود على هذا اللون نسبة تباين 16.18:1 (WCAG AAA). أقرب لون مسمّى هو Eggshell (#f0ead6)، وفرقه ΔE 2.57.
وصف مولَّد من الخصائص المقيسة لهذا اللون.
| HEX | |
|---|---|
| RGB | |
| RGB بالنسبة المئوية | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| آمن للويب | #ffcccc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| ثنائي | |
| عشري | |
| الإضاءة النسبية | 0.7592 |
الظلال
#e6e2d3 ممزوجًا تدريجيًا بالأسود.
التفتيحات
#e6e2d3 ممزوجًا تدريجيًا بالأبيض.
الدرجات
#e6e2d3 ممزوجًا تدريجيًا بالرمادي.
نص مقروء
1.3:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
نص مقروء
16.18:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
نص بهذا اللون
خلفية بهذا اللون
حد بهذا اللون
لون النص
.text-e6e2d3 {
color: #e6e2d3;
}
الخلفية
.bg-e6e2d3 {
background-color: #e6e2d3;
color: #000000;
}
الحد
.border-e6e2d3 {
border: 2px solid #e6e2d3;
}
متغيرات CSS
:root {
--color-primary: #e6e2d3;
--color-primary-rgb: 230 226 211;
--color-primary-hsl: 47 28% 86%;
}
تدرج
.gradient-e6e2d3 {
background: linear-gradient(135deg, #e6e2d3, #e0e6d3);
}
ظل ملوّن
.shadow-e6e2d3 {
box-shadow: 0 8px 24px rgb(230 226 211 / 0.35);
}
Eggshell
#e6e2d3 rgb(230, 226, 211) hsl(47, 28%, 86%) Eggshell
#d3d7e6 rgb(211, 215, 230) hsl(227, 28%, 86%) Lavender
#d3e6e2 rgb(211, 230, 226) hsl(167, 28%, 86%) Light Cyan
#e2d3e6 rgb(226, 211, 230) hsl(287, 28%, 86%) Languid Lavender