#AEB0A2

#aeb0a2 ≈ Ash Gray

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

⁦#aeb0a2⁩ لون من عائلة «الرمادي»، سطوعه مرتفع وتشبّعه شبه معدوم. في نموذج RGB يتكوّن من 68.24% أحمر و69.02% أخضر و63.53% أزرق؛ وعند طباعته بنظام CMYK يستخدم 1.14% سماوي و0% أرجواني و7.95% أصفر و30.98% أسود. زاوية صبغته 68.57°، وتشبّعه 8.14% وسطوعه 66.27% في نموذج HSL. إنه لون محايد، يرتبط غالبًا بـالحياد والتوازن والاحترافية. يستخدمه المصممون عادةً في النصوص والطباعة، الهويات المؤسسية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 9.53:1 (WCAG AAA). أقرب لون مسمّى هو Ash Gray (⁦#b2beb5⁩)، وفرقه ΔE ‏5.66.

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

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

الظلال

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

  1. #aeb0a2
  2. #9d9e92
  3. #8b8d82
  4. #7a7b71
  5. #686a61
  6. #575851
  7. #464641
  8. #343531
  9. #232320
  10. #111210
  11. #000000

التفتيحات

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

  1. #aeb0a2
  2. #b6b8ab
  3. #bec0b5
  4. #c6c8be
  5. #ced0c7
  6. #d7d8d1
  7. #dfdfda
  8. #e7e7e3
  9. #efefec
  10. #f7f7f6
  11. #ffffff

الدرجات

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

  1. #aeb0a2
  2. #a9ab9f
  3. #a5a69b
  4. #a0a298
  5. #9c9d94
  6. #979891
  7. #92938e
  8. #8e8e8a
  9. #898a87
  10. #858583
  11. #808080

نص مقروء 2.2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 9.53:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #afafaf ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #aeafaa ≈ 0.001% من الذكور
عمى الأحمر #b2aea1 ≈ 1.01% من الذكور
عمى الأخضر #b2afa2 ≈ 1.27% من الذكور
عمى الأزرق #b0aeac ≈ 0.0001% من الذكور
ضعف الأحمر #b1afa2 ≈ 1.08% من الذكور
ضعف الأخضر #b1afa2 ≈ 4.63% من الذكور
ضعف الأزرق #afafa8 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

Ash Gray
#aeb0a2  rgb(174, 176, 162)  hsl(69, 8%, 66%)  Ash Gray
#a4a2b0  rgb(164, 162, 176)  hsl(249, 8%, 66%)  Rose Quartz
#a2aeb0  rgb(162, 174, 176)  hsl(189, 8%, 66%)  Dark Gray
#b0a2ae  rgb(176, 162, 174)  hsl(309, 8%, 66%)  Rose Quartz