ColorTool
تسجيل الدخول
#CDD3CC

#cdd3cc ≈ Light Gray

  • الرمادي
  • السطوع: مرتفع
  • التشبّع: شبه معدوم
  • محايد
تحقق من التباين استكشف في الشبكة لون عشوائي

⁦#cdd3cc⁩ لون من عائلة «الرمادي»، سطوعه مرتفع وتشبّعه شبه معدوم. في نموذج RGB يتكوّن من 80.39% أحمر و82.75% أخضر و80% أزرق؛ وعند طباعته بنظام CMYK يستخدم 2.84% سماوي و0% أرجواني و3.32% أصفر و17.25% أسود. زاوية صبغته 111.43°، وتشبّعه 7.37% وسطوعه 81.37% في نموذج HSL. إنه لون محايد، يرتبط غالبًا بـالحياد والتوازن والاحترافية. يستخدمه المصممون عادةً في النصوص والطباعة، الهويات المؤسسية والخلفيات والمساحات الكبيرة. يحقق النص الأسود على هذا اللون نسبة تباين 13.79:1 (WCAG AAA). أقرب لون مسمّى هو Light Gray (⁦#d3d3d3⁩)، وفرقه ΔE ‏5.06.

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

HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#cccccc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.6393

متكامل

  1. #cdd3cc
  2. #d2ccd3

متكامل منقسم

  1. #cdd3cc
  2. #ceccd3
  3. #d3ccd0

متجاور

  1. #d0d3cc
  2. #cdd3cc
  3. #ccd3ce

ثلاثي

  1. #cdd3cc
  2. #cccdd3
  3. #d3cccd

رباعي

  1. #cdd3cc
  2. #ccd3d2
  3. #d2ccd3
  4. #d3cccd

مربع

  1. #cdd3cc
  2. #ccd0d3
  3. #d2ccd3
  4. #d3cecc

أحادي اللون

  1. #7c8c7a
  2. #a5b0a3
  3. #cdd3cc
  4. #f4f6f4
  5. #f4f6f4

الظلال

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

  1. #cdd3cc
  2. #b9beb8
  3. #a4a9a3
  4. #90948f
  5. #7b7f7a
  6. #676a66
  7. #525452
  8. #3e3f3d
  9. #292a29
  10. #151514
  11. #000000

التفتيحات

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

  1. #cdd3cc
  2. #d2d7d1
  3. #d7dcd6
  4. #dce0db
  5. #e1e5e0
  6. #e6e9e6
  7. #ebedeb
  8. #f0f2f0
  9. #f5f6f5
  10. #fafbfa
  11. #ffffff

الدرجات

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

  1. #cdd3cc
  2. #c5cbc4
  3. #bec2bd
  4. #b6bab5
  5. #aeb2ae
  6. #a7aaa6
  7. #9fa19e
  8. #979997
  9. #8f918f
  10. #888888
  11. #808080

نص مقروء 1.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 13.79:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #d1d1d1 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #d0d2cf ≈ 0.001% من الذكور
عمى الأحمر #d4d2cc ≈ 1.01% من الذكور
عمى الأخضر #d2d1cc ≈ 1.27% من الذكور
عمى الأزرق #cdd2d1 ≈ 0.0001% من الذكور
ضعف الأحمر #d1d2cc ≈ 1.08% من الذكور
ضعف الأخضر #d0d2cc ≈ 4.63% من الذكور
ضعف الأزرق #cdd3cf ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-cdd3cc {
  color: #cdd3cc;
}
الخلفية
.bg-cdd3cc {
  background-color: #cdd3cc;
  color: #000000;
}
الحد
.border-cdd3cc {
  border: 2px solid #cdd3cc;
}
متغيرات CSS
:root {
  --color-primary: #cdd3cc;
  --color-primary-rgb: 205 211 204;
  --color-primary-hsl: 111 7% 81%;
}
تدرج
.gradient-cdd3cc {
  background: linear-gradient(135deg, #cdd3cc, #ccd3ce);
}
ظل ملوّن
.shadow-cdd3cc {
  box-shadow: 0 8px 24px rgb(205 211 204 / 0.35);
}

#d3d3d3 Light Gray ΔE 5.06 #d3d3d3 Light Grey ΔE 5.06 #dbd7d2 Timberwolf ΔE 5.44 #dcdcdc Gainsboro ΔE 5.62 #b2beb5 Ash Gray ΔE 6.31 #e5e4e2 Platinum ΔE 6.31 #c0c0c0 Silver ΔE 6.60 #322c33 معكوس #d1d1d1 تدرج رمادي 

Light Gray
#cdd3cc  rgb(205, 211, 204)  hsl(111, 7%, 81%)  Light Gray
#d2ccd3  rgb(210, 204, 211)  hsl(291, 7%, 81%)  Light Gray
#cccdd3  rgb(204, 205, 211)  hsl(231, 7%, 81%)  Light Gray
#d3cccd  rgb(211, 204, 205)  hsl(351, 7%, 81%)  Light Gray