#AF9FA4

#af9fa4 ≈ Rose Quartz

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

⁦#af9fa4⁩ لون من عائلة «الرمادي»، سطوعه مرتفع وتشبّعه شبه معدوم. في نموذج RGB يتكوّن من 68.63% أحمر و62.35% أخضر و64.31% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و9.14% أرجواني و6.29% أصفر و31.37% أسود. زاوية صبغته 341.25°، وتشبّعه 9.09% وسطوعه 65.49% في نموذج HSL. إنه لون محايد، يرتبط غالبًا بـالحياد والتوازن والاحترافية. يستخدمه المصممون عادةً في النصوص والطباعة، الهويات المؤسسية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 8.32:1 (WCAG AAA). أقرب لون مسمّى هو Rose Quartz (⁦#aa98a9⁩)، وفرقه ΔE ‏5.45.

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

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

الظلال

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

  1. #af9fa4
  2. #9e8f94
  3. #8c7f83
  4. #7b6f73
  5. #695f62
  6. #585052
  7. #464042
  8. #353031
  9. #232021
  10. #121010
  11. #000000

التفتيحات

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

  1. #af9fa4
  2. #b7a9ad
  3. #bfb2b6
  4. #c7bcbf
  5. #cfc5c8
  6. #d7cfd2
  7. #dfd9db
  8. #e7e2e4
  9. #efeced
  10. #f7f5f6
  11. #ffffff

الدرجات

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

  1. #af9fa4
  2. #aa9ca0
  3. #a6999d
  4. #a19699
  5. #9c9396
  6. #989092
  7. #938c8e
  8. #8e898b
  9. #898687
  10. #858384
  11. #808080

نص مقروء 2.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 8.32:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #a3a3a3 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #a8a1a3 ≈ 0.001% من الذكور
عمى الأحمر #a1a1a4 ≈ 1.01% من الذكور
عمى الأخضر #a4a4a4 ≈ 1.27% من الذكور
عمى الأزرق #b29ea1 ≈ 0.0001% من الذكور
ضعف الأحمر #a7a0a4 ≈ 1.08% من الذكور
ضعف الأخضر #a9a2a4 ≈ 4.63% من الذكور
ضعف الأزرق #b19fa2 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-af9fa4 {
  color: #af9fa4;
}
الخلفية
.bg-af9fa4 {
  background-color: #af9fa4;
  color: #000000;
}
الحد
.border-af9fa4 {
  border: 2px solid #af9fa4;
}
متغيرات CSS
:root {
  --color-primary: #af9fa4;
  --color-primary-rgb: 175 159 164;
  --color-primary-hsl: 341 9% 65%;
}
تدرج
.gradient-af9fa4 {
  background: linear-gradient(135deg, #af9fa4, #afa29f);
}
ظل ملوّن
.shadow-af9fa4 {
  box-shadow: 0 8px 24px rgb(175 159 164 / 0.35);
}

Rose Quartz
#af9fa4  rgb(175, 159, 164)  hsl(341, 9%, 65%)  Rose Quartz
#9fafaa  rgb(159, 175, 170)  hsl(161, 9%, 65%)  Ash Gray
#a4af9f  rgb(164, 175, 159)  hsl(101, 9%, 65%)  Ash Gray
#9fa4af  rgb(159, 164, 175)  hsl(221, 9%, 65%)  Dark Gray