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

#a3a6ae ≈ Dark Gray

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

⁦#a3a6ae⁩ لون من عائلة «الرمادي»، سطوعه مرتفع وتشبّعه شبه معدوم. في نموذج RGB يتكوّن من 63.92% أحمر و65.1% أخضر و68.24% أزرق؛ وعند طباعته بنظام CMYK يستخدم 6.32% سماوي و4.6% أرجواني و0% أصفر و31.76% أسود. زاوية صبغته 223.64°، وتشبّعه 6.36% وسطوعه 66.08% في نموذج HSL. إنه لون محايد، يرتبط غالبًا بـالحياد والتوازن والاحترافية. يستخدمه المصممون عادةً في النصوص والطباعة، الهويات المؤسسية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 8.62:1 (WCAG AAA). أقرب لون مسمّى هو Dark Gray (⁦#a9a9a9⁩)، وفرقه ΔE ‏4.23.

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

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

متكامل

  1. #a3a6ae
  2. #aeaba3

متكامل منقسم

  1. #a3a6ae
  2. #aea6a3
  3. #acaea3

متجاور

  1. #a3acae
  2. #a3a6ae
  3. #a6a3ae

ثلاثي

  1. #a3a6ae
  2. #aea3a6
  3. #a6aea3

رباعي

  1. #a3a6ae
  2. #aba3ae
  3. #aeaba3
  4. #a6aea3

مربع

  1. #a3a6ae
  2. #aea3ac
  3. #aeaba3
  4. #a3aea6

أحادي اللون

  1. #565962
  2. #7a7f8a
  3. #a3a6ae
  4. #cccdd2
  5. #f4f5f5

الظلال

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

  1. #a3a6ae
  2. #93959d
  3. #82858b
  4. #72747a
  5. #626468
  6. #525357
  7. #414246
  8. #313234
  9. #212123
  10. #101111
  11. #000000

التفتيحات

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

  1. #a3a6ae
  2. #acafb6
  3. #b5b8be
  4. #bfc1c6
  5. #c8cace
  6. #d1d3d7
  7. #dadbdf
  8. #e3e4e7
  9. #ededef
  10. #f6f6f7
  11. #ffffff

الدرجات

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

  1. #a3a6ae
  2. #a0a2a9
  3. #9c9ea5
  4. #999ba0
  5. #95979c
  6. #929397
  7. #8e8f92
  8. #8b8b8e
  9. #878889
  10. #848485
  11. #808080

نص مقروء 2.44:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 8.62:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #a6a6a6 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #a5a6a9 ≈ 0.001% من الذكور
عمى الأحمر #a4a6ae ≈ 1.01% من الذكور
عمى الأخضر #a3a6ae ≈ 1.27% من الذكور
عمى الأزرق #a1a7a8 ≈ 0.0001% من الذكور
ضعف الأحمر #a4a6ae ≈ 1.08% من الذكور
ضعف الأخضر #a3a6ae ≈ 4.63% من الذكور
ضعف الأزرق #a2a7ab ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-a3a6ae {
  color: #a3a6ae;
}
الخلفية
.bg-a3a6ae {
  background-color: #a3a6ae;
  color: #000000;
}
الحد
.border-a3a6ae {
  border: 2px solid #a3a6ae;
}
متغيرات CSS
:root {
  --color-primary: #a3a6ae;
  --color-primary-rgb: 163 166 174;
  --color-primary-hsl: 224 6% 66%;
}
تدرج
.gradient-a3a6ae {
  background: linear-gradient(135deg, #a3a6ae, #a6a3ae);
}
ظل ملوّن
.shadow-a3a6ae {
  box-shadow: 0 8px 24px rgb(163 166 174 / 0.35);
}

#a9a9a9 Dark Gray ΔE 4.23 #a9a9a9 Dark Grey ΔE 4.23 #c0c0c0 Silver ΔE 8.28 #8c92ac Cool Gray ΔE 9.57 #a2add0 Wild Blue Yonder ΔE 10.06 #aa98a9 Rose Quartz ΔE 10.96 #b0c4de Light Steel Blue ΔE 10.99 #5c5951 معكوس #a6a6a6 تدرج رمادي 

Dark Gray
#a3a6ae  rgb(163, 166, 174)  hsl(224, 6%, 66%)  Dark Gray
#aeaba3  rgb(174, 171, 163)  hsl(44, 6%, 66%)  Dark Gray
#aea3a6  rgb(174, 163, 166)  hsl(344, 6%, 66%)  Silver Pink
#a6aea3  rgb(166, 174, 163)  hsl(104, 6%, 66%)  Ash Gray