#D7DCD6

#d7dcd6 ≈ Gainsboro

  • الرمادي
  • السطوع: مرتفع جدًا
  • التشبّع: شبه معدوم
  • محايد

⁦#d7dcd6⁩ لون من عائلة «الرمادي»، سطوعه مرتفع جدًا وتشبّعه شبه معدوم. في نموذج RGB يتكوّن من 84.31% أحمر و86.27% أخضر و83.92% أزرق؛ وعند طباعته بنظام CMYK يستخدم 2.27% سماوي و0% أرجواني و2.73% أصفر و13.73% أسود. زاوية صبغته 110°، وتشبّعه 7.89% وسطوعه 85.1% في نموذج HSL. إنه لون محايد، يرتبط غالبًا بـالحياد والتوازن والاحترافية. يستخدمه المصممون عادةً في النصوص والطباعة، الهويات المؤسسية والخلفيات والمساحات الكبيرة. يحقق النص الأسود على هذا اللون نسبة تباين 15.1:1 (WCAG AAA). أقرب لون مسمّى هو Gainsboro (⁦#dcdcdc⁩)، وفرقه ΔE ‏4.33.

وصف مولَّد من الخصائص المقيسة لهذا اللون.

تحويلات ⁦#d7dcd6⁩ إلى فضاءات ألوان أخرى
HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#cccccc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.7049

الظلال

⁦#d7dcd6⁩ ممزوجًا تدريجيًا بالأسود.

  1. #d7dcd6
  2. #c2c6c1
  3. #acb0ab
  4. #979a96
  5. #818480
  6. #6c6e6b
  7. #565856
  8. #414240
  9. #2b2c2b
  10. #161615
  11. #000000

التفتيحات

⁦#d7dcd6⁩ ممزوجًا تدريجيًا بالأبيض.

  1. #d7dcd6
  2. #dbe0da
  3. #dfe3de
  4. #e3e7e2
  5. #e7eae6
  6. #ebeeeb
  7. #eff1ef
  8. #f3f5f3
  9. #f7f8f7
  10. #fbfcfb
  11. #ffffff

الدرجات

⁦#d7dcd6⁩ ممزوجًا تدريجيًا بالرمادي.

  1. #d7dcd6
  2. #ced3cd
  3. #c6cac5
  4. #bdc0bc
  5. #b4b7b4
  6. #acaeab
  7. #a3a5a2
  8. #9a9c9a
  9. #919291
  10. #898989
  11. #808080

نص مقروء 1.39:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 15.1:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #dbdbdb ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #d9dbd9 ≈ 0.001% من الذكور
عمى الأحمر #dcdbd6 ≈ 1.01% من الذكور
عمى الأخضر #dcdad6 ≈ 1.27% من الذكور
عمى الأزرق #d7dcda ≈ 0.0001% من الذكور
ضعف الأحمر #dadbd6 ≈ 1.08% من الذكور
ضعف الأخضر #dadbd6 ≈ 4.63% من الذكور
ضعف الأزرق #d7dcd9 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

خلفية بهذا اللون

حد بهذا اللون

لون النص
.text-d7dcd6 {
  color: #d7dcd6;
}
الخلفية
.bg-d7dcd6 {
  background-color: #d7dcd6;
  color: #000000;
}
الحد
.border-d7dcd6 {
  border: 2px solid #d7dcd6;
}
متغيرات CSS
:root {
  --color-primary: #d7dcd6;
  --color-primary-rgb: 215 220 214;
  --color-primary-hsl: 110 8% 85%;
}
تدرج
.gradient-d7dcd6 {
  background: linear-gradient(135deg, #d7dcd6, #d6dcd8);
}
ظل ملوّن
.shadow-d7dcd6 {
  box-shadow: 0 8px 24px rgb(215 220 214 / 0.35);
}

Gainsboro
#d7dcd6  rgb(215, 220, 214)  hsl(110, 8%, 85%)  Gainsboro
#dbd6dc  rgb(219, 214, 220)  hsl(290, 8%, 85%)  Gainsboro
#d6d7dc  rgb(214, 215, 220)  hsl(230, 8%, 85%)  Light Gray
#dcd6d7  rgb(220, 214, 215)  hsl(350, 8%, 85%)  Light Gray