ColorTool
تسجيل الدخول
#676B7D

#676b7d ≈ Dim Gray

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

⁦#676b7d⁩ لون من عائلة «الرمادي»، سطوعه متوسط وتشبّعه شبه معدوم. في نموذج RGB يتكوّن من 40.39% أحمر و41.96% أخضر و49.02% أزرق؛ وعند طباعته بنظام CMYK يستخدم 17.6% سماوي و14.4% أرجواني و0% أصفر و50.98% أسود. زاوية صبغته 229.09°، وتشبّعه 9.65% وسطوعه 44.71% في نموذج HSL. إنه لون محايد، يرتبط غالبًا بـالحياد والتوازن والاحترافية. يستخدمه المصممون عادةً في النصوص والطباعة، الهويات المؤسسية ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 5.28:1 (WCAG AA). أقرب لون مسمّى هو Dim Gray (⁦#696969⁩)، وفرقه ΔE ‏8.97.

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

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

متكامل

  1. #676b7d
  2. #7d7967

متكامل منقسم

  1. #676b7d
  2. #7d6e67
  3. #767d67

متجاور

  1. #67767d
  2. #676b7d
  3. #6e677d

ثلاثي

  1. #676b7d
  2. #7d676b
  3. #6b7d67

رباعي

  1. #676b7d
  2. #79677d
  3. #7d7967
  4. #6b7d67

مربع

  1. #676b7d
  2. #7d6776
  3. #7d7967
  4. #677d6e

أحادي اللون

  1. #222329
  2. #444753
  3. #676b7d
  4. #8e92a2
  5. #b8bbc5

الظلال

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

  1. #676b7d
  2. #5d6071
  3. #525664
  4. #484b58
  5. #3e404b
  6. #34363f
  7. #292b32
  8. #1f2026
  9. #151519
  10. #0a0b0d
  11. #000000

التفتيحات

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

  1. #676b7d
  2. #767a8a
  3. #858997
  4. #9597a4
  5. #a4a6b1
  6. #b3b5be
  7. #c2c4cb
  8. #d1d3d8
  9. #e1e1e5
  10. #f0f0f2
  11. #ffffff

الدرجات

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

  1. #676b7d
  2. #6a6d7d
  3. #6c6f7e
  4. #6f717e
  5. #71737e
  6. #74767f
  7. #76787f
  8. #797a7f
  9. #7b7c7f
  10. #7e7e80
  11. #808080

نص مقروء 5.28:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 3.98:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #6c6c6c ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #6a6b73 ≈ 0.001% من الذكور
عمى الأحمر #666d7e ≈ 1.01% من الذكور
عمى الأخضر #656b7d ≈ 1.27% من الذكور
عمى الأزرق #626e71 ≈ 0.0001% من الذكور
ضعف الأحمر #676c7e ≈ 1.08% من الذكور
ضعف الأخضر #666b7d ≈ 4.63% من الذكور
ضعف الأزرق #646d76 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-676b7d {
  color: #676b7d;
}
الخلفية
.bg-676b7d {
  background-color: #676b7d;
  color: #ffffff;
}
الحد
.border-676b7d {
  border: 2px solid #676b7d;
}
متغيرات CSS
:root {
  --color-primary: #676b7d;
  --color-primary-rgb: 103 107 125;
  --color-primary-hsl: 229 10% 45%;
}
تدرج
.gradient-676b7d {
  background: linear-gradient(135deg, #676b7d, #6e677d);
}
ظل ملوّن
.shadow-676b7d {
  box-shadow: 0 8px 24px rgb(103 107 125 / 0.35);
}

#696969 Dim Gray ΔE 8.97 #696969 Dim Grey ΔE 8.97 #796878 Old Lavender ΔE 9.48 #708090 Slate Gray ΔE 9.61 #708090 Slate Grey ΔE 9.61 #436b95 Queen Blue ΔE 11.81 #808080 Gray ΔE 12.05 #989482 معكوس #6c6c6c تدرج رمادي 

Dim Gray
#676b7d  rgb(103, 107, 125)  hsl(229, 10%, 45%)  Dim Gray
#7d7967  rgb(125, 121, 103)  hsl(49, 10%, 45%)  Battleship Gray
#7d676b  rgb(125, 103, 107)  hsl(349, 10%, 45%)  Old Lavender
#6b7d67  rgb(107, 125, 103)  hsl(109, 10%, 45%)  Xanadu